diff --git a/interface/themes/style_purple.css b/interface/themes/style_purple.css
index 4d83f1af6..bf6cbb9ea 100644
--- a/interface/themes/style_purple.css
+++ b/interface/themes/style_purple.css
@@ -636,15 +636,17 @@ font-weight: bold;
 }
 
 .css_button, a[role="button"] {
-    background: transparent url( 'theme_assets/bg_button_a.gif' ) no-repeat scroll top right;
-    color: #444;
-    display: block;
-    float: left;
-    font: bold 10px arial, sans-serif;
-    height: 24px;
-    margin-right: 3px;
-    padding-right: 10px; /* sliding doors padding */
+    display: inline-block;
+    font-weight: 300;
+    margin: 4px;
+    vertical-align: middle;
+    /* sliding doors padding */
     text-decoration: none;
+    padding: 4px 6px 4px;
+    border: none;
+    border-radius: 5px;
+    font-size:0.8em;
+    box-shadow: 2px 1px 4px #88888B;
 }
 .css_button[href*="deleter"], input[type="button"][href*="deleter"], button[href*="deleter"], input[type="button"][class="deleter"], button[href*="deleter"], a[class="deleter"] {
   background: red !important;
diff --git a/interface/themes/style_tan_no_icons.css b/interface/themes/style_tan_no_icons.css
index 829b0d0dd..2c014f459 100644
--- a/interface/themes/style_tan_no_icons.css
+++ b/interface/themes/style_tan_no_icons.css
@@ -636,15 +636,17 @@ font-weight: bold;
 }
 
 .css_button, a[role="button"] {
-    background: transparent url( 'theme_assets/bg_button_a.gif' ) no-repeat scroll top right;
-    color: #444;
-    display: block;
-    float: left;
-    font: bold 10px 'FontAwesome',arial, sans-serif;
-    height: 24px;
-    margin-right: 3px;
-    padding-right: 10px; /* sliding doors padding */
+    display: inline-block;
+    font-weight: 300;
+    margin: 4px;
+    vertical-align: middle;
+    /* sliding doors padding */
     text-decoration: none;
+    padding: 4px 6px 4px;
+    border: none;
+    border-radius: 5px;
+    font-size:0.8em;
+    box-shadow: 2px 1px 4px #88888B;
 }
 
 .css_button span {