colours
diff --git a/styles/navbar.module.css b/styles/navbar.module.css
index 51d6784..5ad34ec 100644
--- a/styles/navbar.module.css
+++ b/styles/navbar.module.css
@@ -24,6 +24,7 @@
     align-items: center;
 
     background-color: var(--theme-ui-colors-cardBackground);
+    transition: background-color 0.3s ease-in-out;
     backdrop-filter: blur(7px), brightness(0.1);
     border-radius: 32px;
 
@@ -47,6 +48,13 @@
     width: 50px;
     margin-bottom: 5px;
     cursor: pointer;
+    display: block;
+}
+
+.ThemeChangeButton {
+    display: flex;
+    justify-content: center;
+    align-items: center;
 }
 
 .containerOpen {