Fixed a rezising issue

src/components/CommunityComponents/CommunityList.vue

 <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>

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">

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,
         }"
       >