Footer working

src/components/BaseComponents/FooterBar.vue

 <template>
-  <footer class=" bg-white dark:bg-gray-800 sm:flex-row border-1 border-t border-b border-gray-600 h-10 inset-x-0 bottom-0">
+  <footer class="w-full bg-white dark:bg-gray-800 sm:flex-row border-1 border-t border-b border-gray-600 h-10">
 
     <p class="float-left text-xs my-3 ml-4">© BoCo 2022 - All rights reserved</p>
     <QuestionMarkCircleIcon

src/views/CommunityViews/CommunityView.vue

 <template>
   <!-- My communities, with pagination -->
-  <div class="h-screen">
+  <div class="min-h-screen">
   <div v-if="loggedIn">
     <div class="flex flex-row p-4 relative">
       <div class="text-xl md:text-2xl text-primary-light font-medium w-full">
@@ -65,8 +65,8 @@
       class="my-4"
     />
   </div>
+    </div>
     <FooterBar></FooterBar>
-  </div>
 </template>
 
 <script>