grand selector width

apps/app/src/components/PageEditor/EditorNavbarBottom.module.scss

@@ -4,24 +4,6 @@
 
 @include mixins.editing() {
   .grw-editor-navbar-bottom :global {
-    .grw-grant-selector {
-      @include bs.media-breakpoint-down(sm) {
-        .btn .label {
-          display: none;
-        }
-      }
-      @include bs.media-breakpoint-up(md) {
-        .dropdown-toggle {
-          min-width: 100px;
-
-          // caret
-          &::after {
-            margin-left: 1em;
-          }
-        }
-      }
-    }
-
     .btn-submit {
       width: 100px;
     }

apps/app/src/components/SavePageControls.tsx

@@ -122,7 +122,6 @@ const SavePageButton = (props: {slackChannels: string, isDeviceLargerThanMd?: bo
             <>
               <DropdownToggle caret color="primary" disabled={isWaitingSaveProcessing} onClick={() => setIsSavePageModalShown(true)} />
               <Modal
-                className="save-page-controls-modal"
                 centered
                 isOpen={isSavePageModalShown}
                 toggle={() => setIsSavePageModalShown(false)}
@@ -246,7 +245,7 @@ export const SavePageControls = (): JSX.Element | null => {
               centered
               isOpen={isSavePageControlsModalShown}
             >
-              <div className="d-flex flex-column py-3 px-4 gap-3">
+              <div className="d-flex flex-column pt-5 pb-3 px-4 gap-3">
                 {
                   isAclEnabled && (
                     <GrantSelector

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

@@ -161,7 +161,7 @@ export const GrantSelector = (props: Props): JSX.Element => {
     return (
       <div className="grw-grant-selector mb-0" data-testid="grw-grant-selector">
         <UncontrolledDropdown direction={openInModal ? 'down' : 'up'} size="sm">
-          <DropdownToggle color={dropdownToggleBtnColor} caret className="d-flex justify-content-between align-items-center" disabled={disabled}>
+          <DropdownToggle color={dropdownToggleBtnColor} caret className="w-100 d-flex justify-content-between align-items-center" disabled={disabled}>
             {dropdownToggleLabelElm}
           </DropdownToggle>
           <DropdownMenu container={openInModal ? '' : 'body'}>