chore: lint

packages/web/src/javascripts/Components/Modal/MobileModalAction.tsx

@@ -14,7 +14,7 @@ const MobileModalAction = forwardRef(
       <button
         ref={ref}
         className={classNames(
-          'flex select-none whitespace-nowrap py-1 px-1 text-base font-semibold focus:shadow-none focus:outline-none active:shadow-none active:outline-none active:brightness-50 disabled:text-neutral md:hidden',
+          'flex select-none whitespace-nowrap px-1 py-1 text-base font-semibold focus:shadow-none focus:outline-none active:shadow-none active:outline-none active:brightness-50 disabled:text-neutral md:hidden',
           slot === 'left' ? 'justify-start text-left' : 'justify-end text-right',
           type === 'cancel' || type === 'destructive' ? 'text-danger' : 'text-info',
           className,

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

@@ -115,7 +115,7 @@ const Modal = ({
           <div
             className={classNames(
               'flex w-full flex-shrink-0 select-none items-center justify-between rounded-t border-b border-solid border-border bg-default px-2 text-text md:px-4.5 md:py-3',
-              hasTopInset ? 'pt-safe-top pb-1.5' : 'py-1.5',
+              hasTopInset ? 'pb-1.5 pt-safe-top' : 'py-1.5',
             )}
           >
             <MobileModalHeader className="flex-row items-center justify-between md:flex md:gap-0">
@@ -201,7 +201,7 @@ const Modal = ({
           : sortedActions.length > 0 && (
               <div
                 className={classNames(
-                  'hidden items-center justify-start gap-3 border-t border-border py-2 px-2.5 md:flex md:px-4 md:py-4',
+                  'hidden items-center justify-start gap-3 border-t border-border px-2.5 py-2 md:flex md:px-4 md:py-4',
                   hasBottomInset && 'pb-safe-bottom',
                 )}
               >

packages/web/src/javascripts/Components/Modal/ModalOverlay.tsx

@@ -43,7 +43,7 @@ const ModalOverlay = forwardRef(
     return (
       <Dialog
         tabIndex={0}
-        className="fixed top-0 left-0 z-modal h-full w-full"
+        className="fixed left-0 top-0 z-modal h-full w-full"
         ref={mergeRefs([setElement, addCloseMethod, ref])}
         store={dialog}
         modal={false}