fixed background color

src/Pages/Verification/index.js

@@ -1,6 +1,6 @@
 import { useParams } from "react-router-dom";
 import MyModal from "../../Components/MyModal";
-import { Button, Flex, Result, Spin, notification } from "antd";
+import { Button, ConfigProvider, Flex, Result, Spin, notification } from "antd";
 import { useEffect, useState } from "react";
 import MyAppLogo from "../../Components/MyAppLogo";
 import PageNotFound, { ButtonBackHome } from "../PageNotFound";
@@ -91,14 +91,22 @@ export default function Verification() {
   }, []);
 
   return (
-    <MyModal isOpen={true} footer={null} closable={false}>
-      {notificationContextHolder}
+    <ConfigProvider
+      theme={{
+        token: {
+          colorBgMask: "rgba(0, 0, 0, 0.0)",
+        },
+      }}
+    >
+      <MyModal isOpen={true} footer={null} closable={false}>
+        {notificationContextHolder}
 
-      <Flex justify="center">
-        <MyAppLogo height={100} />
-      </Flex>
+        <Flex justify="center">
+          <MyAppLogo height={100} />
+        </Flex>
 
-      {elementContent}
-    </MyModal>
+        {elementContent}
+      </MyModal>
+    </ConfigProvider>
   );
 }