diff --git a/src/components/BaseComponents/FooterBar.vue b/src/components/BaseComponents/FooterBar.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7e9d7af939ff0f2b03d7f961ea7f49d5b40d1cb5
--- /dev/null
+++ b/src/components/BaseComponents/FooterBar.vue
@@ -0,0 +1,25 @@
+<template>
+  <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
+      class="md:mt-0 mt-1 mr-4 float-right cursor-pointer h-8 md:h-10 text-primary-medium"
+      alt="Hjelp"
+      @click="$router.push('/help')"
+    />
+  </footer>
+</template>
+
+<script>
+import { QuestionMarkCircleIcon } from "@heroicons/vue/outline";
+export default {
+  name: "FooterBar",
+
+  components: {
+    QuestionMarkCircleIcon,
+  },
+};
+</script>
diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue
index 52e711014b45736bf30d0a21122e03eb24262b55..4d3db38eed41201e76802115b73be66251f74b3f 100644
--- a/src/views/CommunityViews/CommunityView.vue
+++ b/src/views/CommunityViews/CommunityView.vue
@@ -1,5 +1,6 @@
 <template>
   <!-- My communities, with pagination -->
+  <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">
@@ -64,6 +65,8 @@
       class="my-4"
     />
   </div>
+    </div>
+    <FooterBar></FooterBar>
 </template>
 
 <script>
@@ -71,6 +74,7 @@ import CommunityList from "@/components/CommunityComponents/CommunityList.vue";
 import { UserAddIcon, SearchIcon } from "@heroicons/vue/outline";
 import PaginationTemplate from "@/components/BaseComponents/PaginationTemplate";
 import CommunityService from "@/services/community.service";
+import FooterBar from "@/components/BaseComponents/FooterBar";
 
 export default {
   name: "HomeView",
@@ -97,6 +101,7 @@ export default {
     UserAddIcon,
     PaginationTemplate,
     SearchIcon,
+    FooterBar,
   },
   computed: {
     searchPublicCommunities() {
diff --git a/src/views/TestView.vue b/src/views/TestView.vue
index f86430c64bb07d2f6e60fe0626ac1f50371d3682..56ea3bde89d1b04f9818cd18a79e24c7e59b4576 100644
--- a/src/views/TestView.vue
+++ b/src/views/TestView.vue
@@ -1,15 +1,18 @@
 <template>
-  <div></div>
+  <div>
+  </div>
 </template>
 
 <script>
+
 export default {
   data() {
     return {
       show: false,
     };
   },
-  components: {},
+  components: {
+  },
   methods: {
     toggleModal() {
       this.show = !this.show;