fix: 🐛 updates to checkbox- border color, size

addons/rose/addon/components/rose/dropdown/index.stories.mdx

@@ -175,7 +175,6 @@ form fields.
    <Rose::Dropdown   @ignoreClickInside={{true}} @text="Items" as |dropdown|>
     <Rose::Form::Checkbox::Group
       @name={{name}}
-      @inline={{inline}}
       @disabled={{disabled}}
       @items={{items}}
       @selectedItems={{selectedItems}}
@@ -193,7 +192,6 @@ form fields.
     </Rose::Form>
   `,
   context: {
-    inline: boolean('inline', false),
     disabled: boolean('disabled', false),
     items: object('items', [
       { id: 1, name: 'Foo' },

addons/rose/addon/styles/rose/components/dropdown/_item.scss

@@ -90,8 +90,9 @@ $checkmark: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231563
         top: sizing.rems(xxs) + sizing.rems(xxxs);
         right: sizing.rems(xs);
         left: auto;
-        border: sizing.rems(xxxxs) solid var(--ui-gray-subtler-2);
+        border: sizing.rems(xxxs) solid var(--ui-gray-subtler-2);
         border-radius: sizing.rems(xxxs);
+        transform: scale(0.66);
       }
 
       &::before {
@@ -120,6 +121,10 @@ $checkmark: url("data:image/svg+xml;utf-8,<svg viewBox='0 0 24 24' fill='%231563
         ~ .rose-form-checkbox-label {
           color: var(--action);
           background-color: var(--action-subtler-1h);
+          &::after {
+            border-color: var(--action);
+            background-size: sizing.rems(m);
+          }
         }
       }