diff --git a/src/components/base-components/Dialog.vue b/src/components/base-components/Dialog.vue
index b8e3730..9e8e817 100644
--- a/src/components/base-components/Dialog.vue
+++ b/src/components/base-components/Dialog.vue
@@ -24,7 +24,7 @@
           </button>
         </div>
       </div>
-      <div class="dialog-body" :class="{ hideXScroll: disableXscroll == true, hideYScroll: disableYscroll == true, }">
+      <div class="dialog-body" :class="{ hideXScroll: disableXscroll == true, hideYScroll: disableYscroll == true, 'flat-dialog-header': flatDialogHeader == true}">
         <slot />
         <div class="dialog-body-content" v-if="dialogContent" v-html="dialogContent" />
       </div>
@@ -254,8 +254,8 @@ export default {
   max-height: 80%;
   display: flex;
   flex-direction: column;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
   position: absolute;
 }
 
@@ -278,8 +278,8 @@ export default {
   flex-shrink: 0;
   background-color: var(--background);
   box-shadow: 0px 1px 4px var(--shadow);
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
   z-index: 1;
 }
 
@@ -408,6 +408,7 @@ export default {
 .dialog-header.flat-dialog-header>.dialog-header-right>button {
   color: var(--white);
 }
+
 .dialog-header.flat-dialog-header>.dialog-header-right>button:hover {
   color: var(--gray);
 }
@@ -419,6 +420,11 @@ export default {
   flex-grow: 1;
 }
 
+.dialog-body.flat-dialog-header {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
 .dialog-body.hideXScroll {
   overflow-x: hidden;
 }