diff --git a/ui/src/components/NavigationBar.tsx b/ui/src/components/NavigationBar.tsx
index 2eaef78..261f2e4 100644
--- a/ui/src/components/NavigationBar.tsx
+++ b/ui/src/components/NavigationBar.tsx
@@ -39,6 +39,7 @@ import {
 } from "../ui-library/icons";
 import { useState, useRef } from "react";
 import logo from "../assets/icon.jpg";
+import { ThemeSwitcher } from "./ThemeSwitcher";
 
 type NavLinkItem = {
   isActive?: boolean;
@@ -234,7 +235,7 @@ export const SideNavigation = ({
           <img
             src={logo}
             alt="Logo XTablo"
-            className={twMerge(isCollapsed ? "w-8 h-8" : "w-15 h-15")}
+            className={twMerge(isCollapsed ? "w-8 h-8" : "w-18 h-18")}
           />
           <h1
             className={twMerge(
@@ -266,7 +267,7 @@ export const SideNavigation = ({
         )}
       </div>
       <MainNavigation isCollapsed={isCollapsed} />
-
+      <ThemeSwitcher />
       <div className="bg-gray-200 dark:bg-gray-900 sticky bottom-0 left-0 flex px-2 py-3">
         <ControlledOpenState isCollapsed={isCollapsed} />
       </div>