diff --git a/layouts/shortcodes/tabs.html b/layouts/shortcodes/tabs.html
index e39cd20938..d7be76d629 100644
--- a/layouts/shortcodes/tabs.html
+++ b/layouts/shortcodes/tabs.html
@@ -6,7 +6,7 @@
     <button
       data-tab-item="{{ .name }}"
       data-tab-group="{{ $groupId }}"
-      class="tab-nav-button btn {{ cond (eq $idx 0) "active" ""}}"
+      class="tab-nav-button {{ cond (eq $idx 0) "active" ""}}"
       onclick="switchTab('{{ $groupId }}','{{ .name }}')"
       ><span>{{ .name }}</span></button>
   {{- end }}
diff --git a/static/css/tabs.css b/static/css/tabs.css
index 11babb6deb..8a6e3d5815 100644
--- a/static/css/tabs.css
+++ b/static/css/tabs.css
@@ -1,21 +1,26 @@
 #body .tab-nav-button {
-    background-color: rgba( 134, 134, 134, .166 ) !important;
-    border-color: rgba( 134, 134, 134, .333 ) !important;
-    border-radius: 4px 4px 0 0 !important;
-    border-width: 1px 1px 1px 1px !important;
+    background-color: rgba( 134, 134, 134, .166 );
+    border-color: rgba( 134, 134, 134, .333 );
+    border-radius: 4px 4px 0 0;
+    border-style: solid;
+    border-width: 1px;
     bottom: -1px;
 	-webkit-print-color-adjust: exact;
 	color-adjust: exact;
     display: block;
     float: left;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 1.42857143;
     margin-left: 4px;
+    padding: 6px 12px;
     position: relative;
 }
 #body .tab-nav-button:first-child {
     margin-left: 9px;
 }
 #body .tab-nav-button:not(.active) {
-    border-bottom-color: rgba( 134, 134, 134, .1 ) !important;
+    border-bottom-color: rgba( 134, 134, 134, .1 );
     margin-top: 7px;
     padding-bottom: 2px !important;
     padding-top: 2px !important;