fix(DataTable): fix padding issue with batch actions (#14024)

tw15egan · kodiakhq[bot] · web-flow · commit 1234cfd100b8 · 2023-06-19T18:31:08.000Z
Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/styles/scss/components/button/_button.scss b/packages/styles/scss/components/button/_button.scss
@@ -156,6 +156,7 @@
     );
 
     > :first-child {
+      min-width: rem(16px);
       margin-block-start: rem(1px);
     }
 
diff --git a/packages/styles/scss/components/data-table/action/_data-table-action.scss b/packages/styles/scss/components/data-table/action/_data-table-action.scss
@@ -13,7 +13,6 @@
 @use '../../../utilities/button-reset';
 @use '../../../utilities/convert' as *;
 @use '../../../utilities/focus-outline' as *;
-@use '../../button/vars' as *;
 
 /// Data table action styles
 /// @access public
@@ -411,7 +410,8 @@
   }
 
   .#{$prefix}--action-list .#{$prefix}--btn {
-    padding: $button-padding-ghost;
+    padding-right: $spacing-05;
+    padding-left: $spacing-05;
     color: $text-on-color;
     white-space: nowrap;
   }
