diff --git a/src/codecs/generic/quality-option.tsx b/src/codecs/generic/quality-option.tsx
index 85ea508c..a9193843 100644
--- a/src/codecs/generic/quality-option.tsx
+++ b/src/codecs/generic/quality-option.tsx
@@ -1,6 +1,6 @@
 import { h, Component } from 'preact';
 import { bind } from '../../lib/util';
-import '../../components/output/custom-els/RangeInput';
+import '../../custom-els/RangeInput';
 
 interface EncodeOptions {
   quality: number;
diff --git a/src/codecs/mozjpeg/options.tsx b/src/codecs/mozjpeg/options.tsx
index beec46b3..db4391cb 100644
--- a/src/codecs/mozjpeg/options.tsx
+++ b/src/codecs/mozjpeg/options.tsx
@@ -1,7 +1,7 @@
 import { h, Component } from 'preact';
 import { bind, inputFieldChecked, inputFieldValueAsNumber } from '../../lib/util';
 import { EncodeOptions, MozJpegColorSpace } from './encoder';
-import '../../components/output/custom-els/RangeInput';
+import '../../custom-els/RangeInput';
 
 type Props = {
   options: EncodeOptions,
diff --git a/src/codecs/webp/options.tsx b/src/codecs/webp/options.tsx
index 7965f096..3c39e859 100644
--- a/src/codecs/webp/options.tsx
+++ b/src/codecs/webp/options.tsx
@@ -2,7 +2,7 @@ import { h, Component } from 'preact';
 import { bind, inputFieldCheckedAsNumber, inputFieldValueAsNumber } from '../../lib/util';
 import { EncodeOptions, WebPImageHint } from './encoder';
 import * as styles from './styles.scss';
-import '../../components/output/custom-els/RangeInput';
+import '../../custom-els/RangeInput';
 
 type Props = {
   options: EncodeOptions,
diff --git a/src/components/Output/custom-els/RangeInput/index.ts b/src/custom-els/RangeInput/index.ts
similarity index 98%
rename from src/components/Output/custom-els/RangeInput/index.ts
rename to src/custom-els/RangeInput/index.ts
index 39cbd38f..fbfd7624 100644
--- a/src/components/Output/custom-els/RangeInput/index.ts
+++ b/src/custom-els/RangeInput/index.ts
@@ -1,4 +1,4 @@
-import { bind } from '../../../../lib/util';
+import { bind } from '../../lib/util';
 import './styles.css';
 
 const RETARGETED_EVENTS = ['focus', 'blur'];
diff --git a/src/components/Output/custom-els/RangeInput/missing-types.d.ts b/src/custom-els/RangeInput/missing-types.d.ts
similarity index 100%
rename from src/components/Output/custom-els/RangeInput/missing-types.d.ts
rename to src/custom-els/RangeInput/missing-types.d.ts
diff --git a/src/components/Output/custom-els/RangeInput/styles.css b/src/custom-els/RangeInput/styles.css
similarity index 100%
rename from src/components/Output/custom-els/RangeInput/styles.css
rename to src/custom-els/RangeInput/styles.css