diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index 7ebb097..5f4a399 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -9,7 +9,7 @@ export default function ThemeToggle({ theme, setTheme }: Props) {
   };
 
   return (
-    <button className="navbar__container__button" onClick={toggleTheme}>
+    <button className="navbar__container__button toggle-theme" onClick={toggleTheme}>
       {theme === 'light' ? '💡' : '💤'}
     </button>
   );
diff --git a/src/scss/topbar.scss b/src/scss/topbar.scss
index 1184e78..14f2803 100644
--- a/src/scss/topbar.scss
+++ b/src/scss/topbar.scss
@@ -138,3 +138,7 @@
     transform: scale(1.2);
   }
 }
+
+.toggle-theme {
+  width: 10px;
+}