update spacing

src/components/Collections/CollectionShare/publicShare/manage/index.tsx

@@ -10,7 +10,10 @@ import { UpdatePublicURL } from 'types/collection';
 import { sleep } from 'utils/common';
 import { handleSharingErrors } from 'utils/error';
 import constants from 'utils/strings/constants';
-import { ManageSectionLabel } from '../../styledComponents';
+import {
+    ManageSectionLabel,
+    ManageSectionOptions,
+} from '../../styledComponents';
 import { ManageDownloadAccess } from './downloadAcess';
 
 export default function PublicShareManage({
@@ -55,7 +58,7 @@ export default function PublicShareManage({
                 <ManageSectionLabel onClick={scrollToEnd}>
                     {constants.MANAGE_LINK}
                 </ManageSectionLabel>
-                <section>
+                <ManageSectionOptions>
                     <Stack spacing={1}>
                         <ManageLinkExpiry
                             collection={collection}
@@ -87,7 +90,7 @@ export default function PublicShareManage({
                             }
                         />
                     </Stack>
-                </section>
+                </ManageSectionOptions>
             </details>
             <PublicLinkChangePassword
                 open={changePasswordView}

src/components/Collections/CollectionShare/styledComponents.tsx

@@ -6,3 +6,9 @@ export const ManageSectionLabel = styled.summary(
     margin-bottom:${theme.spacing(1)};
 `
 );
+
+export const ManageSectionOptions = styled.section(
+    ({ theme }) => `
+    margin-bottom:${theme.spacing(4)};
+`
+);

src/components/Collections/CollectionShare/styles.tsx

@@ -15,5 +15,6 @@ export const DropdownStyle = {
         ...style,
         ...SelectStyles.control(style, { isFocused }),
         minWidth: '240px',
+        paddingLeft: '8px',
     }),
 };