better responsive fix for expiration input

apps/studio/components/interfaces/Account/AccessTokens/Scoped/Form/TokenDetails.tsx

@@ -75,11 +75,7 @@ export const TokenDetails = ({ control, setValue }: TokenDetailsProps) => {
               <FormControl className="grow">
                 <Select value={field.value} onValueChange={handleExpiryChange}>
                   <SelectTrigger>
-                    <SelectValue placeholder="Select an expiry" asChild>
-                      <span>
-                        {EXPIRY_OPTIONS.find((option) => option.value === field.value)?.label}
-                      </span>
-                    </SelectValue>
+                    <SelectValue placeholder="Select an expiry" />
                   </SelectTrigger>
                   <SelectContent>
                     {EXPIRY_OPTIONS.map((option) => (

apps/studio/components/interfaces/Account/AccessTokens/Scoped/NewScopedTokenSheet.tsx

@@ -74,7 +74,11 @@ export const NewScopedTokenSheet = () => {
       <SheetTrigger asChild>
         <Button variant="primary">Generate new token</Button>
       </SheetTrigger>
-      <SheetContent showClose={false} size="default" className="flex h-full flex-col gap-0">
+      <SheetContent
+        showClose={false}
+        size="default"
+        className="flex h-full flex-col gap-0 lg:w-auto"
+      >
         <SheetHeader>
           <SheetTitle>{step === 'success' ? 'Token created' : 'Generate token'}</SheetTitle>
           <SheetDescription className="sr-only">