fix(styles): dropdown icons in a table are misaligned

swisspost · Jan 15, 2024 · b6d5226 · b6d5226
1 parent 303b34e
commit b6d5226
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/clean-olives-stare.md b/.changeset/clean-olives-stare.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed alignment of icon within button inside datatable.
diff --git a/packages/styles/src/components/datatable.scss b/packages/styles/src/components/datatable.scss
@@ -94,6 +94,8 @@
   }
 
   .datatable-button {
+    display: flex;
+    align-items: center;
     @include button-mixins.reset-button;
     width: datatable.$datatable-button-width;
     height: datatable.$datatable-button-height;