add padding

apps/app/src/components/SavePageControls.tsx

@@ -254,7 +254,7 @@ export const SavePageControls = (): JSX.Element | null => {
               <div className="d-flex flex-column pt-5 pb-3 px-4 gap-3">
                 {
                   isAclEnabled && (
-                    <div className="py-2">
+                    <>
                       <GrantSelector
                         grant={grant}
                         disabled={isGrantSelectorDisabledPage}
@@ -262,7 +262,7 @@ export const SavePageControls = (): JSX.Element | null => {
                         userRelatedGrantedGroups={userRelatedGrantedGroups}
                         onUpdateGrant={updateGrantHandler}
                       />
-                    </div>
+                    </>
                   )
                 }
 

apps/app/src/components/SavePageControls/GrantSelector/GrantSelector.tsx

@@ -120,7 +120,7 @@ export const GrantSelector = (props: Props): JSX.Element => {
         : opt.label;
 
       const labelElm = (
-        <span>
+        <span className={openInModal ? 'py-2' : ''}>
           <span className="material-symbols-outlined me-2">{opt.iconName}</span>
           <span className="label">{t(label)}</span>
         </span>

apps/app/src/components/SlackNotification.tsx

@@ -43,7 +43,7 @@ export const SlackNotification: FC<SlackNotificationProps> = ({
   return (
     <InputGroup className={`d-flex align-items-center ${styles['grw-slack-switch']}`}>
       <InputGroupText className="rounded-pill rounded-end border-end-0 p-0 pe-1 grw-slack-switch">
-        <FormGroup switch className="position-relative pe-4 py-3 m-0">
+        <FormGroup switch className="position-relative pe-4 py-3 m-0 me-2">
           <Input
             className="position-absolute bottom-0 start-0 p-0 m-0 w-100 h-100 border-0"
             type="switch"