diff --git a/components/modals/FullscreenModal.vue b/components/modals/FullscreenModal.vue
index 63c21eb8..e02378e3 100644
--- a/components/modals/FullscreenModal.vue
+++ b/components/modals/FullscreenModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="wrapper" class="modal modal-bg w-screen fixed bottom-0 left-0 flex items-center justify-center z-50" :class="halfScreen ? 'h-[50vh] min-h-[400px]' : 'h-screen'" @click.stop @touchstart.stop @touchend.stop>
+  <div ref="wrapper" class="modal modal-bg w-screen fixed bottom-0 left-0 flex items-center justify-center z-50" :class="threeQuartersScreen ? 'h-[75vh] min-h-[400px]' : 'h-screen'" @click.stop @touchstart.stop @touchend.stop>
     <div ref="content" class="relative text-fg h-full w-full bg-bg">
       <slot />
     </div>
@@ -11,7 +11,7 @@ export default {
   props: {
     value: Boolean,
     processing: Boolean,
-    halfScreen: Boolean
+    threeQuartersScreen: Boolean
   },
   data() {
     return {
diff --git a/components/readers/Reader.vue b/components/readers/Reader.vue
index 635722a6..0d7ae9cc 100644
--- a/components/readers/Reader.vue
+++ b/components/readers/Reader.vue
@@ -54,7 +54,7 @@
     </modals-fullscreen-modal>
 
     <!-- ereader settings modal -->
-    <modals-fullscreen-modal v-model="showSettingsModal" :theme="ereaderTheme">
+    <modals-fullscreen-modal v-model="showSettingsModal" :theme="ereaderTheme" threeQuartersScreen>
       <div style="box-shadow: 0px -8px 8px #11111155">
         <div class="flex items-end justify-between h-20 px-4 pb-2 mb-6">
           <h1 class="text-lg">{{ $strings.HeaderEreaderSettings }}</h1>