diff --git a/src/views/CommunityViews/CommunityView.vue b/src/views/CommunityViews/CommunityView.vue
index 550245a3ebb6d7fa03b68b1521b5dc39e6deacca..d60a02d21b3718dc984bc2b683dd9ac33e722cbd 100644
--- a/src/views/CommunityViews/CommunityView.vue
+++ b/src/views/CommunityViews/CommunityView.vue
@@ -3,22 +3,21 @@
     <div class="flex flex-row p-4 relative">
       <p class="text-xl md:text-2xl text-gray-600 font-medium w-full">Mine grupper</p>
       <UserAddIcon
-        class="cursor-pointer max-h-6 max-w-6 float-right grow"
-        @click="$router.push('/newCommunity')"
-        v-if="loggedIn"
-        alt="Lag ett nytt felleskap"
+          class="cursor-pointer max-h-6 max-w-6 float-right grow"
+          @click="$router.push('/newCommunity')"
+          alt="Opprett ny gruppe"
       />
     </div>
-    <CommunityList :communities="myCommunities" :member="true" />
+    <CommunityList :communities="myCommunities" :member="true"/>
   </div>
-  <p class="text-xl md:text-2xl text-gray-600 font-medium w-full m-4">Offentlige grupper</p>
-  <CommunityList :communities="publicCommunities" :member="false" />
+  <p class="text-xl md:text-2xl text-gray-600 font-medium w-full p-4">Offentlige grupper</p>
+  <CommunityList :communities="publicCommunities" :member="false"/>
 </template>
 
 <script>
 import CommunityList from "@/components/CommunityComponents/CommunityList.vue";
-import { getMyGroups, getVisibleGroups } from "@/utils/apiutil";
-import { UserAddIcon } from "@heroicons/vue/outline";
+import {getMyGroups, getVisibleGroups} from "@/utils/apiutil";
+import {UserAddIcon} from "@heroicons/vue/outline";
 
 export default {
   name: "HomeView",
@@ -42,7 +41,7 @@ export default {
 
     // Remove all of the user's communities from the public communities arrays
     this.publicCommunities = this.publicCommunities.filter(
-      (val) => !this.myCommunities.includes(val)
+        (val) => !this.myCommunities.includes(val)
     );
   },
 };