diff --git a/app/_providers/modal/leaflet.tsx b/app/_providers/modal/leaflet.tsx
index f37d664..5ad1e98 100644
--- a/app/_providers/modal/leaflet.tsx
+++ b/app/_providers/modal/leaflet.tsx
@@ -45,7 +45,7 @@ export default function Leaflet({
       <motion.div
         ref={leafletRef}
         key="leaflet"
-        className="standalone-pb-8 group fixed inset-x-0 bottom-0 z-modal max-h-[95vh] w-screen cursor-grab rounded-t-lg bg-background pb-5 active:cursor-grabbing sm:hidden"
+        className="standalone-pb-8 group fixed  inset-x-0 bottom-0 z-modal max-h-[95vh] w-screen cursor-grab rounded-t-lg border border-b-0 bg-background pb-5 active:cursor-grabbing sm:hidden"
         initial={{ y: "100%" }}
         animate={controls}
         exit={{ y: "100%" }}
diff --git a/components/Modals/Template.tsx b/components/Modals/Template.tsx
index 8fe4a47..8883b1c 100644
--- a/components/Modals/Template.tsx
+++ b/components/Modals/Template.tsx
@@ -18,7 +18,7 @@ export default function Template({ title, children, className }: ModalProps) {
   return (
     <div
       className={cn(
-        "relative w-full grow border bg-background p-4 shadow md:rounded-lg md:p-6",
+        "relative w-full grow bg-background p-4 shadow sm:border md:rounded-lg md:p-6",
         className,
       )}
     >