diff --git a/src/lib/badge/_badge-theme.scss b/src/lib/badge/_badge-theme.scss
index 565371ca0040..c3a35f5786d9 100644
--- a/src/lib/badge/_badge-theme.scss
+++ b/src/lib/badge/_badge-theme.scss
@@ -109,6 +109,45 @@ $mat-badge-large-size: $mat-badge-default-size + 6;
       background: mat-color($warn);
     }
   }
+
+  .mat-badge {
+    position: relative;
+  }
+
+  .mat-badge-hidden {
+    .mat-badge-content {
+      display: none;
+    }
+  }
+
+  .mat-badge-content {
+    position: absolute;
+    text-align: center;
+    display: inline-block;
+    border-radius: 50%;
+    transition: all 0.2 ease-in-out;
+    transform: scale(0.6);
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    pointer-events: none;
+  }
+
+  // The active class is added after the element is added
+  // so it can animate scale to default
+  .mat-badge-content.mat-badge-active {
+    transform: scale(1);
+  }
+
+  .mat-badge-small {
+    @include _mat-badge-size($mat-badge-small-size);
+  }
+  .mat-badge-medium {
+    @include _mat-badge-size($mat-badge-default-size);
+  }
+  .mat-badge-large {
+    @include _mat-badge-size($mat-badge-large-size);
+  }
 }
 
 @mixin mat-badge-typography($config) {
@@ -126,42 +165,3 @@ $mat-badge-large-size: $mat-badge-default-size + 6;
     font-size: $mat-badge-font-size * 2;
   }
 }
-
-.mat-badge {
-  position: relative;
-}
-
-.mat-badge-hidden {
-  .mat-badge-content {
-    display: none;
-  }
-}
-
-.mat-badge-content {
-  position: absolute;
-  text-align: center;
-  display: inline-block;
-  border-radius: 50%;
-  transition: all 0.2 ease-in-out;
-  transform: scale(0.6);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  pointer-events: none;
-}
-
-// The active class is added after the element is added
-// so it can animate scale to default
-.mat-badge-content.mat-badge-active {
-  transform: scale(1);
-}
-
-.mat-badge-small {
-  @include _mat-badge-size($mat-badge-small-size);
-}
-.mat-badge-medium {
-  @include _mat-badge-size($mat-badge-default-size);
-}
-.mat-badge-large {
-  @include _mat-badge-size($mat-badge-large-size);
-}