adjust default modal styles

src/shared/components/modal/modal.module.css

@@ -1,7 +1,7 @@
 .header {
     display: flex;
     justify-content: center;
-    padding: none;
+    margin-bottom: var(--theme-spacing-md);
     background: var(--theme-colors-background);
     border-radius: 0;
 }
@@ -14,6 +14,7 @@
 }
 
 .content {
+    padding: var(--theme-spacing-md);
     overflow: hidden;
     background: var(--theme-colors-background);
     border: 2px solid var(--theme-colors-border);

src/shared/components/modal/modal.tsx

@@ -144,8 +144,8 @@ export const ModalsProvider = ({ children, ...rest }: ModalsProviderProps) => {
                     icon: <Icon icon="x" size="xl" />,
                 },
                 overlayProps: {
-                    backgroundOpacity: 0.8,
-                    blur: 4,
+                    backgroundOpacity: 0.5,
+                    blur: 1,
                 },
                 radius: 'xl',
                 scrollAreaComponent: ScrollArea,