fix: Buttons padding (#1843)

Author: dwesolow

web_ui/packages/ui/src/button/button.component.tsx

@@ -63,7 +63,14 @@ export const Button = (props: ButtonProps) => {
             ? props.elementType
             : LinkBuilder({ href: props.href, target: props.target, rel: props.rel });
 
-    return <SpectrumButton {...props} elementType={elementType} variant={props.variant ?? 'accent'} />;
+    return (
+        <SpectrumButton
+            {...props}
+            elementType={elementType}
+            variant={props.variant ?? 'accent'}
+            UNSAFE_className={clsx(buttonClasses.button, props.UNSAFE_className)}
+        />
+    );
 };
 
 export const ActionButton = (props: ActionButtonProps) => {

web_ui/packages/ui/src/button/button.module.scss

@@ -1,3 +1,8 @@
+.button {
+    padding-block-start: var(--spectrum-global-dimension-size-40);
+    padding-block-end: var(--spectrum-global-dimension-size-40);
+}
+
 .actionButtonDark {
     border: var(--spectrum-alias-border-size-thin) solid transparent !important;