From 6b1672e2c6088d32699f3201492ea7de21e41448 Mon Sep 17 00:00:00 2001 From: Mark Provo Kluit Date: Fri, 18 Sep 2026 19:38:26 +0200 Subject: [PATCH] fix(material): remove extra padding on left side of FAB with no icon --- .changeset/three-breads-smell.md | 5 +++++ packages/material/src/components/fab/MaterialFab.module.css | 5 ++++- 2 files changed, 9 insertions(+), 1 deletion(-) create mode 100644 .changeset/three-breads-smell.md diff --git a/.changeset/three-breads-smell.md b/.changeset/three-breads-smell.md new file mode 100644 index 00000000..307978bf --- /dev/null +++ b/.changeset/three-breads-smell.md @@ -0,0 +1,5 @@ +--- +'@solidmaterial/material': patch +--- + +Remove extra padding on left side of FAB with no icon diff --git a/packages/material/src/components/fab/MaterialFab.module.css b/packages/material/src/components/fab/MaterialFab.module.css index 74c5795a..5c4f70f2 100644 --- a/packages/material/src/components/fab/MaterialFab.module.css +++ b/packages/material/src/components/fab/MaterialFab.module.css @@ -123,7 +123,6 @@ transition-timing-function: var(--md-sys-motion-spring-effects-fast); & > span { - padding-inline-start: var(--md-comp-fab-gap); padding-inline-end: var(--md-comp-fab-padding); } @@ -143,6 +142,10 @@ } } + &:has(md-icon) .label > span { + padding-inline-start: var(--md-comp-fab-gap); + } + /** * Make sure the icon of an icon-only FAB stays centered while the * size of FAB changes during an animation. This is needed when