diff --git a/src/index.css b/src/index.css
index 2a22f80..ea5d976 100644
--- a/src/index.css
+++ b/src/index.css
@@ -217,7 +217,13 @@ hr,
 }
 
 #cacheInput {
-    transition: border-color 0.2s ease;
+    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+
+.dark-mode #cacheInput {
+    background-color: #404040 !important;
+    border-color: #505050 !important;
+    color: #ffffff !important;
 }
 
 #cacheInput:focus {
@@ -690,10 +696,15 @@ hr,
     text-decoration: underline;
 }
 
+#platformDropdownBtn {
+    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
+}
+
 .dark-mode #platformDropdownBtn {
     background-color: #404040 !important;
     border-color: #505050 !important;
     color: #ffffff !important;
+    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
 
 .dark-mode #platformDropdownBtn:focus {