diff --git a/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx b/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx
index ef26a789..b9ff9657 100644
--- a/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx
+++ b/src/pages/PersonalizationAI/GenderAndAgeSelector.tsx
@@ -152,7 +152,7 @@ export default function GenderAndAgeSelector({ handleAdd }: GenderAndAgeSelector
           </RadioGroup>
         </FormControl>
 
-        <FormControl sx={{ maxWidth: "420px", width: "100%", marginLeft: isMobile ? "0" : "120px" }} variant="filled">
+        <FormControl sx={{ maxWidth: "420px", width: "100%", marginLeft: isMobile ? "0" : "120px", minWidth: "265px" }} variant="filled">
           <Box sx={{
             display: 'flex',
             alignItems: 'end',
diff --git a/src/pages/PersonalizationAI/PersonalizationAI.tsx b/src/pages/PersonalizationAI/PersonalizationAI.tsx
index b7f6cf56..05763f4e 100644
--- a/src/pages/PersonalizationAI/PersonalizationAI.tsx
+++ b/src/pages/PersonalizationAI/PersonalizationAI.tsx
@@ -151,7 +151,8 @@ export default function PersonalizationAI() {
               value={link}
               onChange={handleLinkChange}
               sxForm={{
-                width: "615px",
+                maxWidth: "615px",
+                width: "100%",
               }}
             />
           </Box>