diff --git a/addons/rose/addon/styles/rose/components/form/_checkbox.scss b/addons/rose/addon/styles/rose/components/form/_checkbox.scss
index 9e4827527..485f49227 100644
--- a/addons/rose/addon/styles/rose/components/form/_checkbox.scss
+++ b/addons/rose/addon/styles/rose/components/form/_checkbox.scss
@@ -2,6 +2,7 @@
 @use '../../utilities/type';
 
 .rose-form-checkbox {
+  @include type.type(m);
   position: relative;
   margin-bottom: sizing.rems(xs);
   color: var(--ui-gray);
diff --git a/addons/rose/addon/styles/rose/components/form/_radio.scss b/addons/rose/addon/styles/rose/components/form/_radio.scss
index 822505cf8..f20d53a1b 100644
--- a/addons/rose/addon/styles/rose/components/form/_radio.scss
+++ b/addons/rose/addon/styles/rose/components/form/_radio.scss
@@ -23,6 +23,7 @@ $radio-svg: (
 $data-svg-prefix: 'data:image/svg+xml;utf-8,';
 
 .rose-form-radio {
+  @include type.type(m);
   position: relative;
   margin-bottom: sizing.rems(xs);
   color: var(--ui-gray);
@@ -45,8 +46,8 @@ $data-svg-prefix: 'data:image/svg+xml;utf-8,';
 
     &::after {
       position: absolute;
-      top: -#{sizing.rems(xxs)};
-      left: -#{sizing.rems(xxxs) + sizing.rems(xxxxs)};
+      top: -#{sizing.rems(xxxxs)};
+      left: -#{sizing.rems(xxxs)};
       display: block;
       width: sizing.rems(l);
       height: sizing.rems(l);