feat: fix conflic

app/components/popup/modal.tsx

@@ -7,6 +7,7 @@ import {
 } from '@headlessui/react'
 import type { ReactNode } from 'react'
 
+import { LeftArrow } from '~/components/icons/left-arrow'
 import { APP } from '~/data/meta'
 
 type ModalProperties = {
@@ -34,8 +35,17 @@ export const PopupModal = ({
         className="fixed inset-0 bg-black/50 duration-300 ease-out data-[closed]:opacity-0"
         transition
       />
-      <div className="fixed inset-0 flex w-screen items-center justify-center p-4">
-        <DialogPanel className="max-w-lg space-y-6 rounded-lg bg-white p-8 shadow-lg duration-300 ease-out data-[closed]:scale-95 data-[closed]:opacity-0">
+      <div className="fixed inset-0 flex w-screen justify-center p-4 max-sm:bg-white sm:items-center">
+        <DialogPanel className="max-w-lg space-y-6 rounded-lg bg-white p-8 duration-300 ease-out data-[closed]:scale-95 data-[closed]:opacity-0 sm:shadow-lg">
+          <button
+            onClick={onClose}
+            className="top-4 left-4 items-center"
+          >
+            <LeftArrow
+              width={50}
+              height={50}
+            />
+          </button>
           <DialogTitle className="flex justify-center">
             <img
               src={APP.logo}