Improve sort-scheme

1 files changed, 11 insertions, 10 deletions

diff --git a/ufund-ui/src/styles.css b/ufund-ui/src/styles.css
index f3491e1..7f3f973 100644
--- a/ufund-ui/src/styles.css
+++ b/ufund-ui/src/styles.css
@@ -44,7 +44,7 @@ body {
     font-optical-sizing: auto;
 }
 
-input, textarea {
+input, textarea, select {
     resize: none;
     font-family: Inter, sans-serif;
     font-size: 14pt;
@@ -52,11 +52,16 @@ input, textarea {
     border-radius: 5px;
     border-style: solid;
     border-width: 1px;
-    background-color: var(--background-color);
+    background-color: var(--secondary-color);
 
     &:hover {
         background-color: var(--hover-color);
     }
+
+    &.sort-scheme {
+        background-color: transparent;
+        border-color: var(--secondary-color);
+    }
 }
 
 button, input[type=button], input[type=reset], input[type=submit], .button {
@@ -75,6 +80,10 @@ button, input[type=button], input[type=reset], input[type=submit], .button {
     &:hover {
         background-color: var(--hover-color);
     }
+
+    &.sort-scheme {
+        background-color: transparent;
+    }
 }
 
 .button2 {
@@ -92,14 +101,6 @@ button, input[type=button], input[type=reset], input[type=submit], .button {
     font-family: 'Material Symbols Outlined'
 }
 
-.sort-scheme {
-    background-color: var(--background-color);
-    border-style: solid;
-    border-color: var(--tertiary-color);
-    border-radius: 5px;
-    border-width: 1px;
-}
-
 h1 {
     font-size: 40px;
 }