diff --git a/src/interface/src/app/account/delete-account-dialog/delete-account-dialog.component.scss b/src/interface/src/app/account/delete-account-dialog/delete-account-dialog.component.scss
index 845cc3e2f..7902c3f1f 100644
--- a/src/interface/src/app/account/delete-account-dialog/delete-account-dialog.component.scss
+++ b/src/interface/src/app/account/delete-account-dialog/delete-account-dialog.component.scss
@@ -1,3 +1,8 @@
+:host {
+  margin: 24px;
+  display: block;
+}
+
 .delete-account-dialog {
   align-items: center;
   display: flex;
diff --git a/src/interface/src/app/home/share-plan-dialog/share-plan-dialog.component.scss b/src/interface/src/app/home/share-plan-dialog/share-plan-dialog.component.scss
index 570bbc325..0ebd281ec 100644
--- a/src/interface/src/app/home/share-plan-dialog/share-plan-dialog.component.scss
+++ b/src/interface/src/app/home/share-plan-dialog/share-plan-dialog.component.scss
@@ -4,6 +4,7 @@
 :host {
   display: block;
   width: 530px;
+  
 }
 
 .main {
diff --git a/src/interface/src/app/map/invalid-link-dialog/invalid-link-dialog.component.scss b/src/interface/src/app/map/invalid-link-dialog/invalid-link-dialog.component.scss
index 28051e382..95479c0ba 100644
--- a/src/interface/src/app/map/invalid-link-dialog/invalid-link-dialog.component.scss
+++ b/src/interface/src/app/map/invalid-link-dialog/invalid-link-dialog.component.scss
@@ -4,6 +4,7 @@
 :host {
   display: block;
   max-width: 535px;
+  margin: 24px;
 }
 
 h4 {
diff --git a/src/interface/src/app/map/outside-region-dialog/outside-region-dialog.component.scss b/src/interface/src/app/map/outside-region-dialog/outside-region-dialog.component.scss
index e3beec337..491a3ab39 100644
--- a/src/interface/src/app/map/outside-region-dialog/outside-region-dialog.component.scss
+++ b/src/interface/src/app/map/outside-region-dialog/outside-region-dialog.component.scss
@@ -1,4 +1,4 @@
 :host {
   display: block;
-  padding: 20px;
+  margin: 24px;
 }
diff --git a/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.html b/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.html
index 8d2c4fb9e..085317441 100644
--- a/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.html
+++ b/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.html
@@ -1,4 +1,4 @@
-<h3 mat-dialog-title>Name your plan</h3>
+<h3 mat-dialog-title class="title">Name your plan</h3>
 <form [formGroup]="planForm" (ngSubmit)="submit()">
   <mat-dialog-content>
     <div class="info">
diff --git a/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.scss b/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.scss
index e68ebbde7..afef6162c 100644
--- a/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.scss
+++ b/src/interface/src/app/map/plan-create-dialog/plan-create-dialog.component.scss
@@ -1,3 +1,7 @@
+:host {
+  display: block;
+}
+
 mat-form-field {
   min-width: 480px;
 }
@@ -18,3 +22,11 @@ mat-form-field {
 mat-icon {
   flex-shrink: 0;
 }
+
+.title {
+  margin: 24px 24px 0;
+}
+
+mat-dialog-actions {
+  padding: 0 24px 16px;
+}
diff --git a/src/interface/src/app/shared/share-explore-dialog/share-explore-dialog.component.scss b/src/interface/src/app/shared/share-explore-dialog/share-explore-dialog.component.scss
index 7ff1562c4..a7abeea93 100644
--- a/src/interface/src/app/shared/share-explore-dialog/share-explore-dialog.component.scss
+++ b/src/interface/src/app/shared/share-explore-dialog/share-explore-dialog.component.scss
@@ -4,6 +4,7 @@
   display: block;
   min-width: 480px;
   position: relative;
+  margin: 24px;
 }
 
 section {
diff --git a/src/interface/src/styles/material.scss b/src/interface/src/styles/material.scss
index 948b80475..586789d70 100644
--- a/src/interface/src/styles/material.scss
+++ b/src/interface/src/styles/material.scss
@@ -32,8 +32,26 @@ body {
   --mat-menu-item-label-text-tracking: 0;
   --mat-menu-item-label-text-line-height: 22px;
   --mat-menu-item-label-text-weight: 400;
+
+
 }
 
+.mat-mdc-dialog-container {
+  // dialog
+  --mdc-dialog-supporting-text-color: $color-black;
+  --mdc-dialog-subhead-line-height: 24px;
+  --mdc-dialog-subhead-size: 22px;
+  --mdc-dialog-subhead-weight: 600;
+  --mdc-dialog-supporting-text-size: 14px;
+  
+  .mdc-dialog__title {
+    padding: 0;
+
+    &::before {
+      display: none
+    }
+  }
+}
 
 mat-checkbox:not([disabled]) .mdc-label:hover,
 mat-radio-button:not([disabled]) .mdc-label:hover {