diff --git a/src/components/checkbox/checkbox.vue b/src/components/checkbox/checkbox.vue
index f0a4b7322..25f208e47 100644
--- a/src/components/checkbox/checkbox.vue
+++ b/src/components/checkbox/checkbox.vue
@@ -69,15 +69,6 @@ export default {
   display: inline-block;
   min-height: 1.2em;
 
-  &.-radio {
-    .checkbox-indicator {
-      &,
-      &::before {
-        border-radius: 9999px;
-      }
-    }
-  }
-
   &-indicator,
   & .label {
     vertical-align: middle;
@@ -117,6 +108,15 @@ export default {
     box-sizing: border-box;
   }
 
+  &.-radio {
+    .checkbox-indicator {
+      &,
+      &::before {
+        border-radius: 9999px;
+      }
+    }
+  }
+
   .disabled {
     .checkbox-indicator::before {
       background-color: var(--background);