diff --git a/komga-webui/.editorconfig b/komga-webui/.editorconfig
index a22fe4c54..e68ddb10a 100644
--- a/komga-webui/.editorconfig
+++ b/komga-webui/.editorconfig
@@ -1,4 +1,4 @@
-[*.{js, jsx, ts, tsx, vue}]
+[*.{js, jsx, ts, tsx, vue, sass}]
 indent_style = space
 indent_size = 2
 trim_trailing_whitespace = true
diff --git a/komga-webui/src/components/EditBooksDialog.vue b/komga-webui/src/components/EditBooksDialog.vue
index 513bb2e9b..5099ca4c0 100644
--- a/komga-webui/src/components/EditBooksDialog.vue
+++ b/komga-webui/src/components/EditBooksDialog.vue
@@ -34,8 +34,7 @@
             </v-tab>
 
             <!--  Tab: General  -->
-            <v-tab-item
-              :style="$vuetify.breakpoint.smAndUp ? `max-height: ${$vuetify.breakpoint.height * .5}px;overflow-y: scroll` : ''">
+            <v-tab-item>
               <v-card flat>
                 <v-container fluid>
 
@@ -229,8 +228,7 @@
             </v-tab-item>
 
             <!--  Tab: Authors  -->
-            <v-tab-item
-              :style="$vuetify.breakpoint.smAndUp ? `max-height: ${$vuetify.breakpoint.height * .5}px;overflow-y: scroll` : ''">
+            <v-tab-item>
               <v-card flat>
                 <v-container fluid>
                   <v-alert v-if="!single"
@@ -576,6 +574,6 @@ export default Vue.extend({
 })
 </script>
 
-<style scoped>
-
+<style lang="sass" scoped>
+@import '../styles/tabbed-dialog.sass'
 </style>
diff --git a/komga-webui/src/components/EditSeriesDialog.vue b/komga-webui/src/components/EditSeriesDialog.vue
index 33d339cf5..e07e0b938 100644
--- a/komga-webui/src/components/EditSeriesDialog.vue
+++ b/komga-webui/src/components/EditSeriesDialog.vue
@@ -30,9 +30,7 @@
             </v-tab>
 
             <!--  General  -->
-            <v-tab-item
-              :style="$vuetify.breakpoint.smAndUp ? `max-height: ${$vuetify.breakpoint.height * .5}px;overflow-y: scroll` : ''"
-            >
+            <v-tab-item>
               <v-card flat>
                 <v-container fluid>
 
@@ -298,6 +296,6 @@ export default Vue.extend({
 })
 </script>
 
-<style scoped>
-
+<style lang="sass" scoped>
+@import '../styles/tabbed-dialog.sass'
 </style>
diff --git a/komga-webui/src/styles/tabbed-dialog.sass b/komga-webui/src/styles/tabbed-dialog.sass
new file mode 100644
index 000000000..aee1b7b3f
--- /dev/null
+++ b/komga-webui/src/styles/tabbed-dialog.sass
@@ -0,0 +1,11 @@
+@import '~vuetify/src/styles/styles.sass'
+
+@media #{map-get($display-breakpoints, 'xs-only')}
+  .v-tabs-items .v-window-item
+    height: calc(100vh - 104px)
+    overflow-y: scroll
+
+@media #{map-get($display-breakpoints, 'sm-and-up')}
+  .v-tabs-items .v-window-item
+    max-height: 50vh
+    overflow-y: scroll