diff --git a/app/layout.tsx b/app/layout.tsx
index 80a866c..c1f8aab 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,7 @@
 import { Inter } from 'next/font/google'
 import type { Metadata } from 'next'
 
-import { ThemeProvider } from '@/components/theme-provider'
+import { ThemeProvider } from '@/components/theme/theme-provider'
 import { Header } from '@/components/header'
 import { Footer } from '@/components/footer'
 
diff --git a/components/footer.tsx b/components/footer.tsx
index 5d1a915..24ab59f 100644
--- a/components/footer.tsx
+++ b/components/footer.tsx
@@ -1,6 +1,6 @@
 import Link from 'next/link'
 
-import { ToggleThemeButton } from '@/components/toggle-theme-button'
+import { ToggleThemeButton } from '@/components/theme/toggle-theme-button'
 
 import Logo from '@/public/logo.svg'
 
@@ -52,7 +52,7 @@ export const Footer = () => (
         </div>
       </div>
 
-      <div className="flex flex-wrap items-start gap-x-2 md:gap-x-4 gap-y-8 py-10 border-t border-neutral-200 dark:border-zinc-800">
+      <div className="flex flex-wrap items-start gap-x-2 gap-y-8 py-10 border-t border-neutral-200 dark:border-zinc-800">
         <Links title="Internal Links" links={INTERNAL_LINKS} />
         <Links title="External Links" links={EXTERNAL_LINKS} />
         <Links title="Internal Links" links={INTERNAL_LINKS} />
diff --git a/components/theme-provider.tsx b/components/theme/theme-provider.tsx
similarity index 100%
rename from components/theme-provider.tsx
rename to components/theme/theme-provider.tsx
diff --git a/components/toggle-theme-button.tsx b/components/theme/toggle-theme-button.tsx
similarity index 100%
rename from components/toggle-theme-button.tsx
rename to components/theme/toggle-theme-button.tsx