diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e5b26b5..32db5b0 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -30,9 +30,9 @@ const RootLayout = async ({
         <html lang="en">
             <body
                 className="scroll-smooth antialiased"
-                // style={{
-                //     background: "var(--background-gradient)",
-                // }}
+                style={{
+                    background: "var(--background-gradient)",
+                }}
             >
                 <ThemeProvider
                     attribute="class"
diff --git a/src/app/styles/globals.css b/src/app/styles/globals.css
index acdc3a1..e98940f 100644
--- a/src/app/styles/globals.css
+++ b/src/app/styles/globals.css
@@ -2,21 +2,7 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
-}
-
-@media (prefers-color-scheme: dark) {
-    :root {
-        --background: 240 10% 3.9%;
-        --foreground: 0 0% 98%;
-    }
-}
-
 body {
-    color: hsl(var(--foreground));
-    background: hsl(var(--background));
     font-family: Arial, Helvetica, sans-serif;
 }
 
diff --git a/src/components/sidebar/sidebar.tsx b/src/components/sidebar/sidebar.tsx
index 513646c..6f6ec07 100644
--- a/src/components/sidebar/sidebar.tsx
+++ b/src/components/sidebar/sidebar.tsx
@@ -3,6 +3,8 @@ import SidebarLinks from "@/components/sidebar/sidebar-links";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 import QuickSearchDialog from "@/components/navbar/search-dialog";
 import { AlignRightIcon } from "lucide-react";
+import { Separator } from "@/components/ui/separator";
+import ThemeSwitcher from "@/components/theme-switcher";
 
 const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
     <>
@@ -19,7 +21,7 @@ const Sidebar = ({ pages }: { pages: DocsContentMetadata[] }): ReactElement => (
         </div>
 
         {/* Desktop */}
-        <div className="hidden xs:flex sticky top-[4.5rem] max-h-[calc(100vh-3.5rem)] min-w-32 w-40 lg:w-52 py-5 flex-col justify-between transition-all transform-gpu overflow-y-auto">
+        <div className="hidden xs:flex sticky top-[4.5rem] max-h-[calc(100vh-4.5rem)] min-w-32 w-40 lg:w-52 py-5 pb-3 flex-col justify-between transition-all transform-gpu overflow-y-auto">
             <SidebarContent pages={pages} />
         </div>
     </>
@@ -40,10 +42,10 @@ const SidebarContent = ({
         </div>
 
         {/* Theme Switcher */}
-        {/*<div className="flex flex-col items-center">*/}
-        {/*    <Separator className="mb-3 dark:bg-separator-gradient" />*/}
-        {/*    <ThemeSwitcher />*/}
-        {/*</div>*/}
+        <div className="flex flex-col items-center">
+            <Separator className="mb-3 dark:bg-separator-gradient" />
+            <ThemeSwitcher />
+        </div>
     </div>
 );
 
