diff --git a/demos/src/color-mixer/color-mixer.js b/demos/src/color-mixer/color-mixer.js
index 803f1488..bd76ea2c 100644
--- a/demos/src/color-mixer/color-mixer.js
+++ b/demos/src/color-mixer/color-mixer.js
@@ -1,5 +1,5 @@
-import { getContrastRatio } from '../shared/contrast-ratio';
-import { getHexValues, mixHexes } from '../shared/colors-mix';
+import { getContrastRatio } from '../shared/contrast-ratio.js';
+import { getHexValues, mixHexes } from '../shared/colors-mix.js';
 
 document.addEventListener('o.DOMContentLoaded', function() {
 	const forms = document.forms;
diff --git a/demos/src/contrast-checker/contrast-checker.js b/demos/src/contrast-checker/contrast-checker.js
index fb9e0cbf..0739be35 100644
--- a/demos/src/contrast-checker/contrast-checker.js
+++ b/demos/src/contrast-checker/contrast-checker.js
@@ -1,5 +1,5 @@
-import { getContrastRatio, getWCAGRating } from '../shared/contrast-ratio';
-import { getHexValues, mixHexes } from '../shared/colors-mix';
+import { getContrastRatio, getWCAGRating } from '../shared/contrast-ratio.js';
+import { getHexValues, mixHexes } from '../shared/colors-mix.js';
 
 document.addEventListener('o.DOMContentLoaded', () => {
 	const form = document.forms[0];