Fix: select box overflow on download pages (#7119)

fix: download page select overflow

Author: canerakdas

apps/site/components/Downloads/Release/BitnessDropdown.tsx

@@ -100,7 +100,7 @@ const BitnessDropdown: FC = () => {
       ariaLabel={t('layouts.download.dropdown.bitness')}
       defaultValue={String(bitness)}
       onChange={bitness => setBitness(parseNumericBitness(bitness))}
-      className="w-28"
+      className="min-w-28"
       inline={true}
     />
   );

apps/site/components/Downloads/Release/OperatingSystemDropdown.tsx

@@ -63,7 +63,7 @@ const OperatingSystemDropdown: FC<OperatingSystemDropdownProps> = ({
       ariaLabel={t('layouts.download.dropdown.os')}
       defaultValue={os}
       onChange={value => setOS(value as UserOS)}
-      className="w-[8.5rem]"
+      className="min-w-[8.5rem]"
       inline={true}
     />
   );

apps/site/components/Downloads/Release/PlatformDropdown.tsx

@@ -79,7 +79,7 @@ const PlatformDropdown: FC = () => {
       ariaLabel={t('layouts.download.dropdown.platform')}
       defaultValue={platform}
       onChange={platform => setPlatform(platform as PackageManager)}
-      className="w-28"
+      className="min-w-28"
       inline={true}
     />
   );

apps/site/components/Downloads/Release/VersionDropdown.tsx

@@ -32,7 +32,7 @@ const VersionDropdown: FC = () => {
       }))}
       defaultValue={release.versionWithPrefix}
       onChange={setVersion}
-      className="w-40"
+      className="min-w-40"
       inline={true}
     />
   );