Button Group margins (#3723)

packages/react-components/src/Button/Group.tsx

@@ -15,6 +15,7 @@ function ButtonGroup ({ children, className = '', isCentered }: GroupProps): Rea
 }
 
 export default React.memo(styled(ButtonGroup)`
+  margin: 1rem 0;
   text-align: right;
 
   &.isCentered {

packages/react-components/src/Table/Body.tsx

@@ -189,6 +189,10 @@ export default React.memo(styled(Body)`
       background: transparent;
     }
 
+    .ui--Button-Group {
+      margin: 0;
+    }
+
     .ui--Button:not(.isIcon):not(:hover) {
       background: transparent !important;
       box-shadow: none !important;

packages/react-components/src/styles/semantic.ts

@@ -109,7 +109,7 @@ export default css`
     > .actions {
       border-top: none;
       text-align: right;
-      padding: 1rem !important;
+      padding: 0 1rem !important;
     }
 
     /* approx h1, color, size, font */