diff --git a/apps/onelauncher/frontend/src/components/overlay/Modal.tsx b/apps/onelauncher/frontend/src/components/overlay/Modal.tsx
index 922e9061..fb4fa333 100644
--- a/apps/onelauncher/frontend/src/components/overlay/Modal.tsx
+++ b/apps/onelauncher/frontend/src/components/overlay/Modal.tsx
@@ -2,17 +2,20 @@ import type { ClassNameString } from '@onelauncher/common';
 import type { DialogProps } from 'react-aria-components';
 import {
 	Dialog as AriaDialog,
+	Modal as AriaModal,
 	DialogTrigger,
-	Modal as ModalOverlay,
+	ModalOverlay,
 } from 'react-aria-components';
 
 interface ModalProps extends DialogProps, ClassNameString { }
 
 function Modal({ className, ...props }: ModalProps) {
 	return (
-		<ModalOverlay isDismissable>
-			<AriaDialog className="" {...props} />
+		<ModalOverlay className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" isDismissable>
+			<AriaModal>
+				<AriaDialog className="" {...props} />
 
+			</AriaModal>
 		</ModalOverlay>
 	);
 }
diff --git a/apps/onelauncher/frontend/src/styles/global.css b/apps/onelauncher/frontend/src/styles/global.css
index 24798488..34cfceb8 100644
--- a/apps/onelauncher/frontend/src/styles/global.css
+++ b/apps/onelauncher/frontend/src/styles/global.css
@@ -13,7 +13,3 @@
 	--radius-3xl: 1.5rem;
 	--radius-4xl: 2rem;
 }
-
-.react-aria-ModalOverlay {
-  @apply fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4;
-}