diff --git a/src/webapp/features/cards/components/removeCardFromCollectionModal/RemoveCardFromCollectionModal.tsx b/src/webapp/features/cards/components/removeCardFromCollectionModal/RemoveCardFromCollectionModal.tsx
index bf53d6c5..23e4646f 100644
--- a/src/webapp/features/cards/components/removeCardFromCollectionModal/RemoveCardFromCollectionModal.tsx
+++ b/src/webapp/features/cards/components/removeCardFromCollectionModal/RemoveCardFromCollectionModal.tsx
@@ -2,6 +2,7 @@ import { Button, Stack, Modal } from '@mantine/core';
 import useRemoveCardFromCollections from '../../lib/mutations/useRemoveCardFromCollections';
 import { notifications } from '@mantine/notifications';
 import { useRouter } from 'next/navigation';
+import { DANGER_OVERLAY_PROPS } from '@/styles/overlays';
 
 interface Props {
   isOpen: boolean;
@@ -37,7 +38,7 @@ export default function RemoveCardFromCollectionModal(props: Props) {
       withCloseButton={false}
       title="Remove card from collection"
       size={'xs'}
-      overlayProps={{ blur: 3 }}
+      overlayProps={DANGER_OVERLAY_PROPS}
       centered
     >
       <Stack>
diff --git a/src/webapp/features/cards/components/removeCardFromLibraryModal/RemoveCardFromLibraryModal.tsx b/src/webapp/features/cards/components/removeCardFromLibraryModal/RemoveCardFromLibraryModal.tsx
index 6a20318e..0b2919c4 100644
--- a/src/webapp/features/cards/components/removeCardFromLibraryModal/RemoveCardFromLibraryModal.tsx
+++ b/src/webapp/features/cards/components/removeCardFromLibraryModal/RemoveCardFromLibraryModal.tsx
@@ -1,6 +1,7 @@
 import { Button, Stack, Modal } from '@mantine/core';
 import useRemoveCardFromLibrary from '../../lib/mutations/useRemoveCardFromLibrary';
 import { notifications } from '@mantine/notifications';
+import { DANGER_OVERLAY_PROPS } from '@/styles/overlays';
 
 interface Props {
   isOpen: boolean;
@@ -32,7 +33,7 @@ export default function RemoveCardFromLibraryModal(props: Props) {
       withCloseButton={false}
       title="Remove card from library"
       size={'xs'}
-      overlayProps={{ blur: 3 }}
+      overlayProps={DANGER_OVERLAY_PROPS}
       centered
     >
       <Stack>
diff --git a/src/webapp/features/collections/components/deleteCollectionModal/DeleteCollectionModal.tsx b/src/webapp/features/collections/components/deleteCollectionModal/DeleteCollectionModal.tsx
index fef447c2..fd64237e 100644
--- a/src/webapp/features/collections/components/deleteCollectionModal/DeleteCollectionModal.tsx
+++ b/src/webapp/features/collections/components/deleteCollectionModal/DeleteCollectionModal.tsx
@@ -2,6 +2,7 @@ import { Button, Stack, Modal } from '@mantine/core';
 import useDeleteCollection from '../../lib/mutations/useDeleteCollection';
 import { notifications } from '@mantine/notifications';
 import { useRouter } from 'next/navigation';
+import { DANGER_OVERLAY_PROPS } from '@/styles/overlays';
 
 interface Props {
   isOpen: boolean;
@@ -38,7 +39,7 @@ export default function DeleteCollectionModal(props: Props) {
       withCloseButton={false}
       title="Delete Collection"
       size={'xs'}
-      overlayProps={{ blur: 3 }}
+      overlayProps={DANGER_OVERLAY_PROPS}
       centered
     >
       <Stack>
diff --git a/src/webapp/styles/overlays.ts b/src/webapp/styles/overlays.ts
index cc293cb0..8a83a047 100644
--- a/src/webapp/styles/overlays.ts
+++ b/src/webapp/styles/overlays.ts
@@ -5,3 +5,11 @@ export const DEFAULT_OVERLAY_PROPS = {
   gradient:
     'linear-gradient(0deg, rgba(204, 255, 0, 0.5), rgba(255, 255, 255, 0.5))',
 };
+
+export const DANGER_OVERLAY_PROPS = {
+  inset: 0,
+  zIndex: 101,
+  blur: 3,
+  gradient:
+    'linear-gradient(0deg, rgba(242, 5, 5, 0.5), rgba(255, 255, 255, 0.5))',
+};
diff --git a/src/webapp/styles/theme.tsx b/src/webapp/styles/theme.tsx
index 3f70eba2..92f4da95 100644
--- a/src/webapp/styles/theme.tsx
+++ b/src/webapp/styles/theme.tsx
@@ -6,6 +6,7 @@ import {
   CheckboxIndicator,
   createTheme,
   MenuItem,
+  Modal,
   NavLink,
 } from '@mantine/core';
 
@@ -95,5 +96,10 @@ export const theme = createTheme({
         radius: 'xl',
       },
     }),
+    Modal: Modal.extend({
+      defaultProps: {
+        radius: 'lg',
+      },
+    }),
   },
 });