diff --git a/pages/404.tsx b/pages/404.tsx
index 616988f..00d242f 100644
--- a/pages/404.tsx
+++ b/pages/404.tsx
@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import IconButton from '../components/IconButton';
-import { Wrapper } from './styles/404';
+import { Wrapper } from '../styles/404';
 
 const NotFound: FC = () => {
 	const router = useRouter();
diff --git a/pages/about.tsx b/pages/about.tsx
index 7e14280..0f680f2 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -2,7 +2,7 @@ import React, { FC, useContext, useState } from 'react';
 import { DarkModeContext } from '../components/DarkMode';
 import { useForm, ValidationError } from '@formspree/react';
 import Head from 'next/head';
-import { Wrapper } from './styles/about';
+import { Wrapper } from '../styles/about';
 import Image from 'next/image';
 import Input from '../components/Input';
 import MDXButton from '../components/MDXButton';
diff --git a/pages/blog/[slug].tsx b/pages/blog/[slug].tsx
index 672c8e7..1e6d6dc 100644
--- a/pages/blog/[slug].tsx
+++ b/pages/blog/[slug].tsx
@@ -7,7 +7,7 @@ import { MDXEmbedProvider } from 'mdx-embed';
 import { GetStaticPaths, GetStaticProps } from 'next';
 import renderToString from 'next-mdx-remote/render-to-string';
 import hydrate from 'next-mdx-remote/hydrate';
-import { Wrapper } from '../styles/blog/slug';
+import { Wrapper } from '../../styles/blog/slug';
 import matter from 'gray-matter';
 import components from '../../components';
 import Head from 'next/head';
diff --git a/pages/blog/index.tsx b/pages/blog/index.tsx
index f2cdf4e..50ec76b 100644
--- a/pages/blog/index.tsx
+++ b/pages/blog/index.tsx
@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import { useRouter } from 'next/router';
 import { getBlogPosts } from '../../utils/blog';
-import { Wrapper } from '../styles/blog';
+import { Wrapper } from '../../styles/blog';
 import Card from '../../components/Card';
 import IconButton from '../../components/IconButton';
 import Head from 'next/head';
diff --git a/pages/index.tsx b/pages/index.tsx
index 6900b5c..5458daf 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -2,7 +2,7 @@ import { FC } from 'react';
 import { getPortfolioProjects } from '../utils/portfolio';
 import { getBlogPosts } from '../utils/blog';
 import { GetStaticProps } from 'next';
-import { Wrapper } from './styles/home';
+import { Wrapper } from '../styles/home';
 import Hero from '../components/Hero';
 import Button from '../components/Button';
 import Card from '../components/Card';
diff --git a/pages/portfolio/[slug].tsx b/pages/portfolio/[slug].tsx
index 6030a82..b83bfed 100644
--- a/pages/portfolio/[slug].tsx
+++ b/pages/portfolio/[slug].tsx
@@ -9,7 +9,7 @@ import renderToString from 'next-mdx-remote/render-to-string';
 import hydrate from 'next-mdx-remote/hydrate';
 import matter from 'gray-matter';
 import components from '../../components';
-import { Wrapper } from '../styles/portfolio/slug';
+import { Wrapper } from '../../styles/portfolio/slug';
 import Head from 'next/head';
 import IconButton from '../../components/IconButton';
 import CodeBlock from '../../components/CodeBlock';
diff --git a/pages/portfolio/index.tsx b/pages/portfolio/index.tsx
index 0af5e4b..e3306fb 100644
--- a/pages/portfolio/index.tsx
+++ b/pages/portfolio/index.tsx
@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import { getPortfolioProjects } from '../../utils/portfolio';
 import { useRouter } from 'next/router';
-import { Wrapper } from '../styles/portfolio';
+import { Wrapper } from '../../styles/portfolio';
 import Card from '../../components/Card';
 import IconButton from '../../components/IconButton';
 import Head from 'next/head';
diff --git a/pages/styles/404.tsx b/styles/404.tsx
similarity index 100%
rename from pages/styles/404.tsx
rename to styles/404.tsx
diff --git a/pages/styles/about.tsx b/styles/about.tsx
similarity index 100%
rename from pages/styles/about.tsx
rename to styles/about.tsx
diff --git a/pages/styles/blog/index.tsx b/styles/blog/index.tsx
similarity index 100%
rename from pages/styles/blog/index.tsx
rename to styles/blog/index.tsx
diff --git a/pages/styles/blog/slug.tsx b/styles/blog/slug.tsx
similarity index 100%
rename from pages/styles/blog/slug.tsx
rename to styles/blog/slug.tsx
diff --git a/pages/styles/home.tsx b/styles/home.tsx
similarity index 100%
rename from pages/styles/home.tsx
rename to styles/home.tsx
diff --git a/pages/styles/portfolio/index.tsx b/styles/portfolio/index.tsx
similarity index 100%
rename from pages/styles/portfolio/index.tsx
rename to styles/portfolio/index.tsx
diff --git a/pages/styles/portfolio/slug.tsx b/styles/portfolio/slug.tsx
similarity index 100%
rename from pages/styles/portfolio/slug.tsx
rename to styles/portfolio/slug.tsx