diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index 8c15cb9f..db0e4b74 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -40,7 +40,7 @@ function change(e: Event) {
 </script>
 <template>
   <q-dialog v-model="dialogState">
-    <AppBox class="dialog-content">
+    <AppBox class="image-dialog-content">
       <div class="row items-center q-py-sm q-px-md bordered-b">
         <div style="flex: 1"><slot name="title" /></div>
         <div>
@@ -55,7 +55,7 @@ function change(e: Event) {
           />
         </div>
       </div>
-      <div class="dialog-body">
+      <div class="image-dialog-body">
         <input
           type="file"
           accept="image/*"
@@ -111,7 +111,7 @@ function change(e: Event) {
 </template>
 
 <style scoped>
-.dialog-content {
+.image-dialog-content {
   padding: 0;
   border-radius: var(--radius-2);
   flex-wrap: nowrap;
@@ -120,19 +120,19 @@ function change(e: Event) {
 }
 
 @media (min-width: 768px) {
-  .dialog-content {
+  .image-dialog-content {
     max-width: 60%;
   }
 }
 
-.dialog-body {
+.image-dialog-body {
   overflow-y: auto;
   background-color: var(--surface-2) !important;
   position: relative;
   display: flex;
   flex-direction: column;
   flex: 1;
-  height: calc(100vh - 300px);
+  height: calc(100vh - 200px);
 }
 
 .upload-image-btn {
@@ -149,7 +149,7 @@ function change(e: Event) {
 
 .image-container {
   width: 100%;
-  height: calc(100vh - 300px);
+  height: calc(100vh - 200px);
   min-height: 480px;
 
   & :deep(*) {