diff --git a/components/Navbar.vue b/components/Navbar.vue
index 59c85ed..1f5aeb7 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -48,7 +48,9 @@ li.home-text {
 }
 
 * {
-  transition: all 0.2s ease;
+  --trans: 0.2s ease;
+  transition: opacity var(--trans), height var(--trans), width var(--trans),
+    padding-left var(--trans);
 }
 
 @media screen and (max-width: 510px) {
@@ -73,4 +75,8 @@ li.home-text {
     gap: 0rem;
   }
 }
+
+html.dark svg {
+  fill: white;
+}
 </style>