diff --git a/web/assets/css/styles.css b/web/assets/css/styles.css
index 7f8137f..5e87e44 100644
--- a/web/assets/css/styles.css
+++ b/web/assets/css/styles.css
@@ -67,6 +67,35 @@ a {
   background: rgba(0, 0, 0, 0.12);
 }
 
+.dark .navbar .divider {
+  background-color: #ffffff1f;
+}
+
+.navbar .logo {
+  display: flex;
+  align-items: center;
+  padding: 0 1rem;
+  padding: 1.5rem;
+  text-decoration: none;
+}
+
+.navbar .logo > * + * {
+  margin-left: 1rem;
+}
+
+.navbar span {
+  font-family: "Inter";
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: rgba(0, 0, 0, 0.5);
+}
+
+.dark .navbar span {
+  color: rgb(255, 255, 255, 0.9);
+}
+
 .navbar .modes__container {
   display: flex;
   align-items: center;
@@ -82,7 +111,7 @@ a {
   border-color: #3b3d3f;
 }
 
-.modes__container span,
+.modes__container .modes__container-holder,
 .modes__container button {
   font-weight: 500;
   font-size: 0.875rem !important;
@@ -110,35 +139,6 @@ a {
   color: #b27ef4;
 }
 
-.dark .navbar .divider {
-  background-color: #ffffff1f;
-}
-
-.navbar .logo {
-  display: flex;
-  align-items: center;
-  padding: 0 1rem;
-  padding: 1.5rem;
-  text-decoration: none;
-}
-
-.navbar .logo > * + * {
-  margin-left: 1rem;
-}
-
-.navbar span {
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 400;
-  font-size: 16px;
-  letter-spacing: 0.01em;
-  color: rgba(0, 0, 0, 0.5);
-}
-
-.dark .navbar span {
-  color: rgb(255, 255, 255, 0.9);
-}
-
 .nav-links {
   display: flex;
   flex-direction: row;
@@ -237,6 +237,11 @@ a {
 
 .dark .share-url__copy {
   background: #2b2e31;
+  color: #b57cfc;
+}
+
+.dark .share-url__copy g path {
+  fill: #b57cfc;
 }
 
 .nav-link {