diff --git a/app/components/Header.tsx b/app/components/Header.tsx
index bd8e46f..3e4828f 100644
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -41,7 +41,7 @@ const Navbar = ({ title }: NavbarProps) => {
         >
           <img
             className="md:mr-2"
-            src="/logo.webp"
+            src="/logo-32x32.webp"
             alt="Nav Logo"
             width={32}
             height={32}
diff --git a/app/root.tsx b/app/root.tsx
index c7c74de..7e87d20 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -27,7 +27,7 @@ export const ErrorBoundary = ClerkErrorBoundary();
 
 function App() {
   return (
-    <html lang="en" className="h-[100%] w-[100%] fixed overflow-y-auto">
+    <html data-theme="dark" lang="en" className="h-[100%] w-[100%] fixed overflow-y-auto">
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
diff --git a/public/logo-32x32.webp b/public/logo-32x32.webp
new file mode 100644
index 0000000..66517e7
Binary files /dev/null and b/public/logo-32x32.webp differ
diff --git a/tailwind.config.ts b/tailwind.config.ts
index d2181f1..ff89e4a 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -6,4 +6,7 @@ export default {
     extend: {},
   },
   plugins: [require("daisyui")],
+  daisyui: {
+    themes: ["dark"],
+  },
 } satisfies Config;
