From c25cb012bb8e40e6107c7fc16ade9d07fcdae7f7 Mon Sep 17 00:00:00 2001
From: Darshana Prachi <prachirai00@gmail.com>
Date: Tue, 18 Jan 2022 13:29:15 +0530
Subject: [PATCH] #1902 fix preloader height issue

---
 components/shared/Loader.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/shared/Loader.vue b/components/shared/Loader.vue
index 132da5f522..cdd6e8ce48 100644
--- a/components/shared/Loader.vue
+++ b/components/shared/Loader.vue
@@ -8,7 +8,7 @@
         <br />
         <div class="pl-4 pr-4">
           <b-icon size="is-large" icon="lightbulb" class="funfact-icon" />
-          <div>{{ randomFunFactQuestion }}</div>
+          <div class="question">{{ randomFunFactQuestion }}</div>
         </div>
       </div>
       <figure>
@@ -86,7 +86,6 @@ export default class Loader extends Vue {
   background: #1a1a1ae0;
   margin: 0rem 1rem;
   width: 450px;
-  height: 400px;
   border: 2px solid $primary-light;
   box-shadow: 13px 14px $primary-dark-transparent;
 }
@@ -106,6 +105,9 @@ export default class Loader extends Vue {
 .funfact-icon {
   color: $primary-light;
 }
+.question {
+  min-height: 70px;
+}
 .loading-text {
   position: relative;
   max-width: 200px;