diff --git a/web/packages/new/photos/components/CollectionSelector.tsx b/web/packages/new/photos/components/CollectionSelector.tsx
index a9fcfbf3fe..3b9afc1a75 100644
--- a/web/packages/new/photos/components/CollectionSelector.tsx
+++ b/web/packages/new/photos/components/CollectionSelector.tsx
@@ -169,8 +169,8 @@ export const CollectionSelector: React.FC<CollectionSelectorProps> = ({
             <DialogTitleWithCloseButton onClose={handleClose}>
                 {dialogTitleForAction(action)}
             </DialogTitleWithCloseButton>
-            <DialogContent sx={{ "&&&": { padding: 0 } }}>
-                <FlexWrapper flexWrap="wrap" gap={"4px"} padding={"16px"}>
+            <DialogContent>
+                <FlexWrapper flexWrap="wrap" gap={"4px"}>
                     <AddCollectionButton onClick={onCreateCollection} />
                     {filteredCollections.map((collectionSummary) => (
                         <CollectionSelectorCard
@@ -193,9 +193,6 @@ const Dialog_ = styled(Dialog)`
         padding: 16px;
         padding-right: 8px;
     }
-    & .MuiDialogContent-root {
-        padding: 16px;
-    }
 `;
 
 const dialogTitleForAction = (action: CollectionSelectorAction) => {