diff --git a/src/views/ThemerAdminPage.vue b/src/views/ThemerAdminPage.vue
index 260c1a9..a87c56c 100644
--- a/src/views/ThemerAdminPage.vue
+++ b/src/views/ThemerAdminPage.vue
@@ -22,10 +22,8 @@ function selectPreset(id: string): void {
 </script>
 
 <template>
-  <PerfectScrollbar
+  <div
     class="pa-4"
-    style="height: calc(100vh - 64px);"
-    :options="{ wheelPropagation: false }"
   >
     <h5 class="text-h5 mb-4">{{ t('admin.title', 'Appearance') }}</h5>
 
@@ -89,5 +87,5 @@ function selectPreset(id: string): void {
         </VCol>
       </VRow>
     </template>
-  </PerfectScrollbar>
+  </div>
 </template>
diff --git a/src/views/ThemerCustomizePage.vue b/src/views/ThemerCustomizePage.vue
index d6a4658..2ae40ba 100644
--- a/src/views/ThemerCustomizePage.vue
+++ b/src/views/ThemerCustomizePage.vue
@@ -71,10 +71,8 @@ function cancel(): void {
 </script>
 
 <template>
-  <PerfectScrollbar
+  <div
     class="pa-4"
-    style="height: calc(100vh - 64px);"
-    :options="{ wheelPropagation: false }"
   >
     <div class="d-flex align-center mb-4">
       <VBtn icon="mdi-arrow-left" variant="text" size="small" class="mr-2" @click="cancel" />
@@ -155,5 +153,5 @@ function cancel(): void {
         <ThemePreview :theme-name="previewThemeName" />
       </VCol>
     </VRow>
-  </PerfectScrollbar>
+  </div>
 </template>
diff --git a/src/views/ThemerSettingsPage.vue b/src/views/ThemerSettingsPage.vue
index 856e0dd..e8153ce 100644
--- a/src/views/ThemerSettingsPage.vue
+++ b/src/views/ThemerSettingsPage.vue
@@ -33,10 +33,8 @@ function openEditor(): void {
 </script>
 
 <template>
-  <PerfectScrollbar
+  <div
     class="pa-4"
-    style="height: calc(100vh - 64px);"
-    :options="{ wheelPropagation: false }"
   >
     <h5 class="text-h5 mb-4">{{ t('settings.title', 'Appearance') }}</h5>
 
@@ -127,5 +125,5 @@ function openEditor(): void {
         />
       </VCol>
     </VRow>
-  </PerfectScrollbar>
+  </div>
 </template>