diff --git a/src/App.tsx b/src/components/App.tsx
similarity index 91%
rename from src/App.tsx
rename to src/components/App.tsx
index 3531d34..0ef441e 100644
--- a/src/App.tsx
+++ b/src/components/App.tsx
@@ -1,7 +1,6 @@
-import { useEventListener, useInterval, useWindowSize } from "usehooks-ts";
-import useBackground from "@/useBackground";
-import Post from "@/Post";
-import { useToggle } from "usehooks-ts";
+import { useEventListener, useInterval, useWindowSize, useToggle } from "usehooks-ts";
+import useBackground from "@/utils/useBackground";
+import Post from "@/components/Post";
 
 import {
   ArrowPathIcon,
diff --git a/src/Post.tsx b/src/components/Post.tsx
similarity index 100%
rename from src/Post.tsx
rename to src/components/Post.tsx
diff --git a/src/main.tsx b/src/main.tsx
index a3539a2..dac47fe 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "./App";
-import "./index.scss";
+import App from "@/components/App";
+import "@/styles/index.scss";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
diff --git a/src/index.scss b/src/styles/index.scss
similarity index 100%
rename from src/index.scss
rename to src/styles/index.scss
diff --git a/src/utils.ts b/src/utils/helpers.ts
similarity index 100%
rename from src/utils.ts
rename to src/utils/helpers.ts
diff --git a/src/useBackground.tsx b/src/utils/useBackground.tsx
similarity index 95%
rename from src/useBackground.tsx
rename to src/utils/useBackground.tsx
index c6594a9..8019fb4 100644
--- a/src/useBackground.tsx
+++ b/src/utils/useBackground.tsx
@@ -1,7 +1,7 @@
 import { Chance } from "chance";
-import { useEffect, useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import ReactDOMServer from "react-dom/server";
-import { getEdgePoint } from "./utils";
+import { getEdgePoint } from "@/utils/helpers";
 
 interface useBackgroundProps {
   width: number;