diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index d52d8728..0d106024 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -202,7 +202,7 @@ watch(
       >
         <aside
           class="image-dialog-body relative-position rounded surface-1 flex items-center"
-          :class="{ 'q-mr-sm': $q.screen.gt.sm, 'q-mb-sm': $q.screen.lt.md }"
+          :class="{ 'q-mr-md': $q.screen.gt.sm, 'q-mb-md': $q.screen.lt.md }"
         >
           <img
             :src="tempImage || fallbackUrl"
@@ -248,8 +248,8 @@ watch(
 
         <aside
           v-if="!hiddenFooter"
-          class="self-start col"
-          style="overflow: auto; height: 30em"
+          class="self-start col scroll"
+          style="height: 30em; width: 34em"
         >
           <div class="row items-center q-gutter-sm">
             <div