fix(tile): update clickable tile icon size and spacing

carbon-design-system · Nov 14, 2024 · 2e18b98 · 2e18b98
1 parent ad23c63
commit 2e18b98
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/styles/scss/components/tile/_tile.scss b/packages/styles/scss/components/tile/_tile.scss
@@ -15,6 +15,7 @@
 @use '../../type' as *;
 @use '../../utilities/ai-gradient' as *;
 @use '../../utilities/button-reset';
+@use '../../utilities/convert';
 @use '../../utilities/component-reset';
 @use '../../utilities/focus-outline' as *;
 @use '../../utilities/high-contrast-mode' as *;
@@ -131,8 +132,10 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem);
   .#{$prefix}--tile--clickable.#{$prefix}--link--disabled
     .#{$prefix}--tile--disabled-icon {
     position: absolute;
-    inset-block-end: layout.density('padding-inline');
-    inset-inline-end: layout.density('padding-inline');
+    block-size: convert.to-rem(20px);
+    inline-size: convert.to-rem(20px);
+    inset-block-end: convert.to-rem(12px);
+    inset-inline-end: convert.to-rem(12px);
   }
 
   .#{$prefix}--tile--clickable .#{$prefix}--tile--icon {