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