diff --git a/apps/onelauncher/frontend/src/components/overlay/Modal.tsx b/apps/onelauncher/frontend/src/components/overlay/Modal.tsx
index cc32aa79..922e9061 100644
--- a/apps/onelauncher/frontend/src/components/overlay/Modal.tsx
+++ b/apps/onelauncher/frontend/src/components/overlay/Modal.tsx
@@ -10,8 +10,9 @@ interface ModalProps extends DialogProps, ClassNameString { }
 
 function Modal({ className, ...props }: ModalProps) {
 	return (
-		<ModalOverlay className="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4" isDismissable>
+		<ModalOverlay isDismissable>
 			<AriaDialog className="" {...props} />
+
 		</ModalOverlay>
 	);
 }
diff --git a/apps/onelauncher/frontend/src/styles/global.css b/apps/onelauncher/frontend/src/styles/global.css
index 34cfceb8..24798488 100644
--- a/apps/onelauncher/frontend/src/styles/global.css
+++ b/apps/onelauncher/frontend/src/styles/global.css
@@ -13,3 +13,7 @@
 	--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;
+}