ui: Fix widths of icons in Freestyle

The border needs to be included in the container width.
cardstack · Apr 11, 2024 · ab13004 · ab13004
1 parent 0fc8f68
commit ab13004
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/boxel-ui/addon/src/components/icon-button/usage.gts b/packages/boxel-ui/addon/src/components/icon-button/usage.gts
@@ -175,12 +175,19 @@ export default class IconButtonUsage extends Component {
         margin: 0 10px 10px 0;
       }
 
+      .icon {
+        box-sizing: border-box;
+        border: 1px solid transparent;
+      }
+
       .hide-icon-overflow .icon {
         overflow: hidden;
       }
 
       .show-borders .icon {
         border: 1px solid var(--boxel-500);
+        width: calc(var(--boxel-icon-button-width) + 2px);
+        height: calc(var(--boxel-icon-button-height) + 2px);
       }
     </style>
   </template>