From 1e1d2cd32406c660a82f731413c5c55c25bc0ceb Mon Sep 17 00:00:00 2001
From: Randall Morey <randall@randallmorey.com>
Date: Fri, 21 Aug 2020 17:28:04 -0400
Subject: [PATCH] fix: fix checkbox and radio styles to be more robust when
 used within other components

---
 addons/rose/addon/styles/rose/components/form/_checkbox.scss | 1 +
 addons/rose/addon/styles/rose/components/form/_radio.scss    | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

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);