diff --git a/src/front/components/Lanyard/index.tsx b/src/front/components/Lanyard/index.tsx
index 780fcde..bfa13c1 100644
--- a/src/front/components/Lanyard/index.tsx
+++ b/src/front/components/Lanyard/index.tsx
@@ -1,6 +1,6 @@
 import { highlightElement } from "@speed-highlight/core";
 import { createRef } from "tsx-dom";
-import colors from "../../colors.module.css";
+import colors from "../../utilities/colors.module.css";
 import socket from "../../utilities/socket";
 
 const activityTypes: Record<number, string> = {
diff --git a/src/front/components/pages/About/index.tsx b/src/front/components/pages/About/index.tsx
index e48924b..8fea3c0 100644
--- a/src/front/components/pages/About/index.tsx
+++ b/src/front/components/pages/About/index.tsx
@@ -4,7 +4,7 @@ import "mdui/components/avatar";
 import "mdui/components/segmented-button-group";
 import "mdui/components/segmented-button";
 
-import colors from "../../../colors.module.css";
+import colors from "../../../utilities/colors.module.css";
 import Hyperate from "../../Hyperate";
 import Lanyard from "../../Lanyard";
 import styles from "./index.module.css";
diff --git a/src/front/index.tsx b/src/front/index.tsx
index 043834f..3dfcfe7 100644
--- a/src/front/index.tsx
+++ b/src/front/index.tsx
@@ -4,7 +4,7 @@ import "./utilities/clicker";
 
 import App from "./App";
 
-import colors from "./colors.module.css";
+import colors from "./utilities/colors.module.css";
 
 document.documentElement.className = colors.offline || "";
 
diff --git a/src/front/colors.module.css b/src/front/utilities/colors.module.css
similarity index 100%
rename from src/front/colors.module.css
rename to src/front/utilities/colors.module.css