diff --git a/src/components/CommunityComponents/CommunityList.vue b/src/components/CommunityComponents/CommunityList.vue
index 97d25120249632f9d395a35f80e66c338125e0e3..0720c1bdb68956c3da93b969133035bdc5dd448f 100644
--- a/src/components/CommunityComponents/CommunityList.vue
+++ b/src/components/CommunityComponents/CommunityList.vue
@@ -1,7 +1,7 @@
 <template>
   <ul>
     <li v-for="community in communities" :key="community">
-      <CommunityListItem :community="community" :member="member" />
+      <CommunityListItem :community="community" :member="member" class="border-black" />
     </li>
   </ul>
 </template>
diff --git a/src/components/CommunityComponents/CommunityListItem.vue b/src/components/CommunityComponents/CommunityListItem.vue
index 95537616105799e08c97e329ea525d08a7fd8e95..484ce0a7f995b6386b5177f071462de53e8a500b 100644
--- a/src/components/CommunityComponents/CommunityListItem.vue
+++ b/src/components/CommunityComponents/CommunityListItem.vue
@@ -47,11 +47,14 @@
   </CustomFooterModal>
   <div
     @click="toggleDialog()"
-    class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-4"
+    class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-2"
   >
-    <div class="h-10 w-10 hover:h-14 hover:w-14 flex flex-col justify-center items-center mr-4">
-      <UserGroupIcon v-if="!community.picture" alt="Felleskapets bilde" class="h-10 w-10" />
-      <img v-else :src="community.picture" alt="Fellsekaps bilde" class="rounded-md h-[41px]" />
+    <div v-if="!community.picture" class="h-10 w-10 flex flex-col justify-center items-center ml-2 mr-2">
+      <UserGroupIcon alt="Felleskapets bilde" class="h-10 w-10" />
+      <!-- TODO: USE COMMUNITY IMAGE <img alt="Felleskapets bilde" src="@/assets/group.png" /> -->
+    </div>
+    <div v-else class="h-3 w-14 flex flex-col justify-center items-center ml-2 mt-4 mb-4 mr-2">
+      <img :src="community.picture" alt="Fellsekaps bilde" class="rounded-md" />
       <!-- TODO: USE COMMUNITY IMAGE <img alt="Felleskapets bilde" src="@/assets/group.png" /> -->
     </div>
     <div class="flex-1 pl-1 overflow-hidden">
diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue
index 1c85502fb2e099aa680b8e65057991de41d55746..dbfa9390393e6608c71fccbba1f0bc078d92c79c 100644
--- a/src/components/RentingComponents/ItemInfo.vue
+++ b/src/components/RentingComponents/ItemInfo.vue
@@ -6,7 +6,7 @@
     <div>
       <div
         v-bind:class="{
-          'w-auto place-items-center':
+          'grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 h-[600px] w-auto lg:grid-cols-5 place-items-center':
             noPicture,
         }"
       >