diff --git a/public/css/style.css b/public/css/style.css
index a089b33..d47676a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -40,6 +40,11 @@ a:hover {
   text-decoration: underline;
 }
 
+#url {
+  color: #010000;
+  text-decoration: none;
+}
+
 /* Navigation */
 nav {
   display: flex;
@@ -225,9 +230,9 @@ button:hover {
   margin: auto;
 }
 
-@media (prefers-color-scheme: dark) {
+@media (prefers-color-scheme: light) {
   .options {
-    background-color: #FFEDD5;
+    background-color: #ffedd5;
     border: 1px solid #ccc;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   }
@@ -255,19 +260,20 @@ button:hover {
   }
 
   select,
+  .nice-select .nice-select-dropdown,
   .nice-select,
-  .nice-select-dropdown,
-  .nice-select-search {
-    background-color: #fff2e2;
+  .nice-select-search{
+    background-color: #fff;
     color: #2f2f2f;
   }
 
   body {
-    background-color: #FFEDD5;
+    background-color: #ffedd5;
     color: #000;
   }
 
-  button {
+  button,
+  #url {
     color: #fbe9e7;
   }
 
@@ -278,4 +284,4 @@ button:hover {
   footer {
     border-top: 1px solid #b2b2b2;
   }
-}
\ No newline at end of file
+}
diff --git a/views/index.html b/views/index.html
index fc2feec..d589218 100644
--- a/views/index.html
+++ b/views/index.html
@@ -116,7 +116,7 @@
           Copy the translation
         </button>
         {{end}}
-        {{ if and .Engine .From .To .OriginalText }}<p><a id="url" class="button" style="color:#010000; text-decoration: none;" onclick="copyLinkToClipboard(event)"
+        {{ if and .Engine .From .To .OriginalText }}<p><a id="url" class="button" onclick="copyLinkToClipboard(event)"
             href="/?engine={{.Engine}}&from={{.From}}&to={{.To}}&text={{.OriginalText}}">Copy translation link</a></p>
         {{end}}
         {{if .TranslationExists}}