diff --git a/addons/rose/addon/components/rose/dropdown/index.stories.mdx b/addons/rose/addon/components/rose/dropdown/index.stories.mdx
index 2076d8160..86c5c76e3 100644
--- a/addons/rose/addon/components/rose/dropdown/index.stories.mdx
+++ b/addons/rose/addon/components/rose/dropdown/index.stories.mdx
@@ -158,7 +158,9 @@ form fields.
 <dropdown.item>
   <group.checkbox
     @label={{group.item.name}}
-    value={{group.item.id}} />
+    value={{group.item.id}} 
+    @outline={{outline}}
+    />
     </dropdown.item>
 </Rose::Form::Checkbox::Group>
 
diff --git a/addons/rose/addon/styles/rose/components/dropdown/_item.scss b/addons/rose/addon/styles/rose/components/dropdown/_item.scss
index 78c963c1f..527a55395 100644
--- a/addons/rose/addon/styles/rose/components/dropdown/_item.scss
+++ b/addons/rose/addon/styles/rose/components/dropdown/_item.scss
@@ -102,11 +102,11 @@ $checkmark: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231563
       }
       &::before {
         position: absolute;
-        top: 0.5rem;
+        top: sizing.rems(xs);
         left: 0;
         display: block;
-        width: 1rem;
-        height: 1rem;
+        width: sizing.rems(m);
+        height: sizing.rems(m);
         pointer-events: none;
         content: " ";
         border: none;