diff --git a/client/components/Reader/LoaderPage/LoaderPage.vue b/client/components/Reader/LoaderPage/LoaderPage.vue
index 3e2166b1..dc7051d0 100644
--- a/client/components/Reader/LoaderPage/LoaderPage.vue
+++ b/client/components/Reader/LoaderPage/LoaderPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div ref="main" class="col column no-wrap" style="min-height: 520px">
+    <div ref="main" class="column no-wrap" style="min-height: 520px">
         <div class="relative-position">
             <GithubCorner url="https://github.com/bookpauk/liberama" cornerColor="#1B695F" gitColor="EBE2C9"></GithubCorner>
         </div>
diff --git a/client/components/Reader/ProgressPage/ProgressPage.vue b/client/components/Reader/ProgressPage/ProgressPage.vue
index e5e2125f..68a29d00 100644
--- a/client/components/Reader/ProgressPage/ProgressPage.vue
+++ b/client/components/Reader/ProgressPage/ProgressPage.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-show="visible" class="fit column justify-center items-center z-max" style="background-color: rgba(0, 0, 0, 0.8)">
+    <div v-show="visible" class="column justify-center items-center z-max" style="background-color: rgba(0, 0, 0, 0.8)">
         <div class="column justify-start items-center" style="height: 250px">
             <q-circular-progress
                 show-value
diff --git a/client/components/Reader/Reader.vue b/client/components/Reader/Reader.vue
index 1b9ceaa6..6e39532e 100644
--- a/client/components/Reader/Reader.vue
+++ b/client/components/Reader/Reader.vue
@@ -61,7 +61,7 @@
 
         <div class="main col row relative-position">
             <keep-alive>
-                <component ref="page" :is="activePage"
+                <component ref="page" class="col" :is="activePage"
                     @load-book="loadBook"
                     @load-file="loadFile"
                     @book-pos-changed="bookPosChanged"