styles

src/components/dialog/index.tsx

@@ -73,15 +73,14 @@ const DialogClose = ({
     <button
       type="button"
       className={cn({
-        'absolute right-3 -top-2 z-40 flex h-11 w-10 cursor-pointer items-center justify-end rounded-r-[20px] hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 md:right-6 md:top-7 md:-right-10 md:border md:bg-white md:bg-opacity-70':
+        'absolute right-3 -top-2 z-10 flex h-11 w-10 cursor-pointer items-center justify-end rounded-r-[20px] hover:opacity-100 focus:outline-none focus:outline-none focus:ring-1 focus:ring-slate-400 focus:ring-offset-1 md:right-6 md:top-8 md:-right-10 md:bg-white/70 md:backdrop-blur-sm ':
           true,
         [className]: !!className,
       })}
       onClick={onClose}
       aria-label="close dialog"
     >
-      <Icon icon={CLOSE_SVG} className="mr-2.5 h-7 w-7 md:h-5 md:w-5" description="Cross" />
-      <span className="sr-only">Close</span>
+      <Icon icon={CLOSE_SVG} className="mr-2.5 h-7 w-7 md:h-6 md:w-6" description="Cross" />
     </button>
   </DialogPrimitive.Close>
 );