fix(material-experimental/theming): cap icon button size

Fixes that the icon button was becoming smaller than its icon at the lowest density.
angular · Jan 18, 2024 · 601a745 · 601a745
1 parent 42f2cc9
commit 601a745
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/material-experimental/theming/_m3-density.scss b/src/material-experimental/theming/_m3-density.scss
@@ -41,7 +41,8 @@ $_density-tokens: (
     container-height: (40px, 36px, 32px, 28px),
   ),
   (mdc, icon-button): (
-    state-layer-size: (40px, 36px, 32px, 28px, 24px, 20px),
+    // The size caps out at 24px, because anything lower will be smaller than the icon.
+    state-layer-size: (40px, 36px, 32px, 28px, 24px, 24px),
   ),
   (mdc, linear-progress): (),
   (mdc, list): (