diff --git a/src/page-components/TintsShades/shades.tsx b/src/page-components/tints-shades/shades.tsx
similarity index 100%
rename from src/page-components/TintsShades/shades.tsx
rename to src/page-components/tints-shades/shades.tsx
diff --git a/src/page-components/TintsShades/tints.tsx b/src/page-components/tints-shades/tints.tsx
similarity index 100%
rename from src/page-components/TintsShades/tints.tsx
rename to src/page-components/tints-shades/tints.tsx
diff --git a/src/pages/TintsShades.tsx b/src/pages/TintsShades.tsx
index 8f4376d..883eba3 100644
--- a/src/pages/TintsShades.tsx
+++ b/src/pages/TintsShades.tsx
@@ -8,8 +8,8 @@ import { Labeled } from '../components/Labeled';
 import { LabeledPicker } from '../components/LabeledPicker';
 import { ScrollArea } from '../components/ScrollArea';
 import { VSegmentedControl } from '../components/VSegmentedControl';
-import { Shades } from '../page-components/TintsShades/shades';
-import { Tints } from '../page-components/TintsShades/tints';
+import { Shades } from '../page-components/tints-shades/shades';
+import { Tints } from '../page-components/tints-shades/tints';
 import { currentPickedColor } from '../stores/colors';
 import styles from './TintsShades.module.css';