diff --git a/.changeset/lazy-owls-complain.md b/.changeset/lazy-owls-complain.md new file mode 100644 index 0000000000..3d921412d7 --- /dev/null +++ b/.changeset/lazy-owls-complain.md @@ -0,0 +1,5 @@ +--- +"@swisspost/design-system-components": patch +--- + +Added styles to center the `post-closebutton` button within its container. diff --git a/packages/components/src/components/post-closebutton/post-closebutton.scss b/packages/components/src/components/post-closebutton/post-closebutton.scss index f4791235a7..8c0fda3803 100644 --- a/packages/components/src/components/post-closebutton/post-closebutton.scss +++ b/packages/components/src/components/post-closebutton/post-closebutton.scss @@ -18,6 +18,9 @@ post-closebutton .btn { border-radius: tokens.get('close-border-radius'); background-color: tokens.get('close-enabled-bg'); color: tokens.get('close-enabled-fg'); + display: flex; + align-items: center; + justify-content: center; > post-icon { min-width: tokens.get('close-icon-size');