diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index 5e66094141..cd482a171f 100644
--- a/scm-ui/styles/scm.scss
+++ b/scm-ui/styles/scm.scss
@@ -210,7 +210,7 @@ $danger-25: scale-color($danger, $lightness: 75%);
 // tags
 .tag:not(body) {
   border: 1px solid transparent;
-  background-color: red; //TODO: replace with transparent
+  background-color: red; //TODO: replace with $white
 
   &.is-delete {
     background-color: $light;
@@ -572,6 +572,28 @@ $danger-25: scale-color($danger, $lightness: 75%);
     color: scale-color($danger, $lightness: 75%);
     border-color: scale-color($danger, $lightness: 75%);
   }
+
+  &.reduced-mobile {
+    font-size: 0.9rem;
+
+    @media screen and (max-width: 1087px) {
+      > span:nth-child(2) {
+        display: none;
+      }
+    }
+    @media screen and (max-width: 1087px) and (min-width: 769px) {
+      // simultaneously with left margin of Bulma
+      > .icon:first-child:not(:last-child) {
+        margin: 0;
+      }
+    }
+    @media screen and (max-width: 768px) {
+      // simultaneously with left margin of Bulma
+      .icon:first-child:not(:last-child) {
+        margin-right: calc(-0.375em - 1px);
+      }
+    }
+  }
 }
 
 .box-link-shadow {
@@ -608,28 +630,6 @@ ul.is-separated {
   }
 }
 
-.button {
-  &.reduced-mobile {
-    @media screen and (max-width: 1087px) {
-      > span:nth-child(2) {
-        display: none;
-      }
-    }
-    @media screen and (max-width: 1087px) and (min-width: 769px) {
-      // simultaneously with left margin of Bulma
-      > .icon:first-child:not(:last-child) {
-        margin: 0;
-      }
-    }
-    @media screen and (max-width: 768px) {
-      // simultaneously with left margin of Bulma
-      .icon:first-child:not(:last-child) {
-        margin-right: calc(-0.375em - 1px);
-      }
-    }
-  }
-}
-
 // columns
 .columns.is-multiline {
   .column {