diff --git a/ui/src/components/button/style.css b/ui/src/components/button/style.css
index 7f33cafe..630d2596 100644
--- a/ui/src/components/button/style.css
+++ b/ui/src/components/button/style.css
@@ -1,8 +1,8 @@
 .button {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  font-size: 16px;
+  font-size: rmeCalc(16);
   border-radius: 4px;
-  box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05);
+  box-shadow: remCalc(0 2 0 0) rgba(0,0,0,0.05);
 
 
   &.primary {
diff --git a/ui/src/components/tab/style.css b/ui/src/components/tab/style.css
index 3b684fd0..6bfdb585 100644
--- a/ui/src/components/tab/style.css
+++ b/ui/src/components/tab/style.css
@@ -6,11 +6,10 @@
     border: 1px solid #D8D8D8;
     color: #646464;
     display: inline-block;
-    font-size: 16px;
-    font-size: 1rem;
+    font-size: remCalc(20);
     left: 1px;
     margin-left: -1px;
-    padding: 10px;
+    padding: remCalc(10);
     position: relative;
     vertical-align: bottom;
   }
@@ -37,20 +36,19 @@
     box-sizing: border-box;
     display: block;
     background: white;
-    padding: 0 20px;
+    padding: remCalc(0 20);
     border: 1px solid #D8D8D8;
     background: #FAFAFA;
     float: left;
-    font-size: 16px;
-    font-size: 1rem;
-    margin-top: -9px;
+    font-size: remCalc(16);
+    margin-top: remCalc(-9);
     width: 100%;
   }
 
   & .input[type="radio"]:checked + .label {
     background: white;
     border-bottom-width: 0;
-    padding-bottom: 11px;
+    padding-bottom: remCalc(11);
     z-index: 1;
   }