diff --git a/src/ui/cm.css b/src/ui/cm.css
index d817f40a0..baa774309 100644
--- a/src/ui/cm.css
+++ b/src/ui/cm.css
@@ -219,6 +219,7 @@ div.tab {
     text-align: center;
     position: relative;
     padding: 0 5px;
+    color: black
 }
 
 div.active-tab {
diff --git a/src/ui/common.css b/src/ui/common.css
index 4bd1f114d..7ee744463 100644
--- a/src/ui/common.css
+++ b/src/ui/common.css
@@ -19,6 +19,7 @@ html {
     var(light-green): #D4EAB7;
     var(dark-green): #5CB85C;
     var(blood-red): #F82600;
+    var(gray-bg-osx): rgba(238, 238, 238, 0.75);
 }
 
 html.darktheme {
@@ -31,6 +32,7 @@ html.darktheme {
     var(light-text): #999;
     var(lighter-text): #777;
     var(placeholder): #555;
+    var(gray-bg-osx): rgba(37, 37, 37, 0.75);
 }
 
 body {
diff --git a/src/ui/index.css b/src/ui/index.css
index f4ec4c2f5..2fb2f958d 100644
--- a/src/ui/index.css
+++ b/src/ui/index.css
@@ -1,6 +1,5 @@
 html {
     background-color: transparent;
-    var(gray-bg-osx): rgba(238, 238, 238, 0.75);
 }
 
 body {
@@ -35,7 +34,6 @@ body {
 }
 
 #ab .left-pane {
-    background: white;
     border-radius: 1em;
     padding: 1em;
 }
@@ -185,7 +183,6 @@ div.connect-status {
     left: 240px;
     border-top: color(border) solid 1px;
     width: 100%;
-    background: color(gray-bg);
     padding: 1em;
 }
 
@@ -418,3 +415,8 @@ li:disabled, li:disabled:hover {
     background: color(menu);
 }
 
+@media platform == "OSX" {
+    div.eye-area > input {
+        font-size: 1em;
+    }
+}
\ No newline at end of file