diff --git a/.changeset/rare-lemons-know.md b/.changeset/rare-lemons-know.md
new file mode 100644
index 0000000000..a665c85f70
--- /dev/null
+++ b/.changeset/rare-lemons-know.md
@@ -0,0 +1,6 @@
+---
+"@appwrite.io/pink": minor
+"@appwrite.io/pink-icons": minor
+---
+
+Modal
diff --git a/packages/ui/src/7-components/_modal.scss b/packages/ui/src/7-components/_modal.scss
index 8a88adf142..e47a103fa6 100644
--- a/packages/ui/src/7-components/_modal.scss
+++ b/packages/ui/src/7-components/_modal.scss
@@ -69,11 +69,14 @@
     }
   }
   &.is-separate-header {
-    > .modal-form > .modal-header {
-      padding: var(--p-modal-padding);
-      padding-block-start: 0;
-      border-block-end: solid pxToRem(1) hsl(var(--color-border));
-      margin-inline: calc(var(--p-modal-padding) * -1);
+    > .modal-form {
+      > .modal-header {
+        padding: var(--p-modal-padding); padding-block-start: 0;
+        border-block-end: solid pxToRem(1) hsl(var(--color-border));
+        margin-inline: calc(var(--p-modal-padding) * -1); margin-block-end:0;
+      }
+      > .modal-content { padding-block:var(--p-modal-padding); margin-block:0; }
+      > .modal-footer { margin-block-start:0; }
     }
   }
   &.is-page-in-mobile {