diff --git a/src/components/BaseComponents/FooterBar.vue b/src/components/BaseComponents/FooterBar.vue
index dd098aaac0f6550d782af848bd16312926281d31..ea4ef46c258c22a4687ec0749a8ed9c837d0bf6d 100644
--- a/src/components/BaseComponents/FooterBar.vue
+++ b/src/components/BaseComponents/FooterBar.vue
@@ -1,5 +1,5 @@
 <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
diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue
index e887b49c0973bf5d8af4af2ca9f2ff89b714a58b..4d3db38eed41201e76802115b73be66251f74b3f 100644
--- a/src/views/CommunityViews/CommunityView.vue
+++ b/src/views/CommunityViews/CommunityView.vue
@@ -1,6 +1,6 @@
 <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>