diff --git a/frontend/src/components/Settings/QuickEntryModal.vue b/frontend/src/components/Settings/QuickEntryModal.vue
index a979aeca..9e557156 100644
--- a/frontend/src/components/Settings/QuickEntryModal.vue
+++ b/frontend/src/components/Settings/QuickEntryModal.vue
@@ -1,7 +1,7 @@
 <template>
   <Dialog v-model="show" :options="{ size: '3xl' }">
     <template #body>
-      <div class="flex flex-col overflow-hidden">
+      <div class="flex flex-col overflow-hidden h-[calc(100vh_-_8rem)]">
         <div class="flex flex-col gap-2 p-8 pb-5">
           <h2 class="flex gap-2 text-xl font-semibold leading-none h-5 mb-4">
             <div>{{ __('Edit Quick Entry Layout') }}</div>
diff --git a/frontend/src/components/Settings/SidePanelModal.vue b/frontend/src/components/Settings/SidePanelModal.vue
index 02a66015..914589df 100644
--- a/frontend/src/components/Settings/SidePanelModal.vue
+++ b/frontend/src/components/Settings/SidePanelModal.vue
@@ -1,7 +1,7 @@
 <template>
   <Dialog v-model="show" :options="{ size: '3xl' }">
     <template #body>
-      <div ref="parentRef" class="flex h-full">
+      <div ref="parentRef" class="flex h-[calc(100vh_-_8rem)]">
         <div class="flex-1 flex flex-col justify-between gap-2 p-8">
           <div class="flex flex-col gap-2">
             <h2 class="flex gap-2 text-xl font-semibold leading-none h-5 mb-4">