chore: change width of SizeSelector and find your size element

Author: pooriaset

src/app/[locale]/(main)/products/[...id]/page.tsx

@@ -76,15 +76,16 @@ const Page: FC<PageProps> = () => {
               mt: 2,
             }}
           >
-            <Grid item xs={6} md={4} lg={3}>
+            <Grid item>
               <SizeSelector items={[41, 42, 43, 44]} />
             </Grid>
-            <Grid item xs={6} md={4} lg={3}>
+            <Grid item>
               <Button
                 fullWidth
                 variant="outlined"
                 sx={{
                   height: '100%',
+                  minWidth: 'fit-content',
                 }}
               >
                 {t('buttons.findYourSize')}

src/components/SizeSelector/SizeSelector.tsx

@@ -26,6 +26,7 @@ const SizeSelector: FC<SizeSelectorProps> = ({ items }) => {
         display: 'flex',
         flexDirection: 'column',
         gap: 2,
+        minWidth: 150,
       }}
     >
       <FormControl fullWidth size="small">