chore: modal animations

packages/web/src/javascripts/Components/PermissionsModal/PermissionsModal.tsx

@@ -35,7 +35,6 @@ const PermissionsModal = ({ callback, component, dismiss, permissionsString }: P
           mobileSlot: 'right',
         },
       ]}
-      className={{ content: 'md:!w-[350px]' }}
       customFooter={
         <ModalDialogButtons className="hidden md:flex">
           <Button primary fullWidth onClick={accept} className="block">

packages/web/src/javascripts/Components/PermissionsModal/PermissionsModalWrapper.tsx

@@ -40,7 +40,7 @@ const PermissionsModalWrapper: FunctionComponent<Props> = ({ application }) => {
   }, [application, onAppStart])
 
   return (
-    <ModalOverlay isOpen={!!dialog} close={dismissPermissionsDialog}>
+    <ModalOverlay isOpen={!!dialog} close={dismissPermissionsDialog} className="md:!w-[350px]">
       {dialog && (
         <PermissionsModal
           callback={dialog.callback}