Modal & minor fixes

src/components/generic/Modal.tsx

@@ -4,8 +4,6 @@ import { m } from 'framer-motion';
 
 import { useAppSelector } from '@hooks/useAppSelector';
 
-// import { Backdrop } from './Backdrop';
-
 type DefaultDivProps = JSX.IntrinsicElements['div'];
 
 export interface ModalProps extends DefaultDivProps {
@@ -22,11 +20,11 @@ export const Modal = ({
   const darkMode = useAppSelector((state) => state.app.darkMode);
 
   return (
-    <m.div
-      className={`fixed inset-0 z-30 ${darkMode ? 'dark' : ''}`}
-      onClick={onClose}
-    >
-      <m.div className="fixed h-full w-full backdrop-blur-sm backdrop-filter" />
+    <m.div className={`fixed inset-0 z-30 ${darkMode ? 'dark' : ''}`}>
+      <m.div
+        className="fixed w-full h-full backdrop-blur-sm backdrop-filter"
+        onClick={onClose}
+      />
       <m.div className="text-center ">
         <span
           className="inline-block h-screen align-middle "