diff --git a/src/pages/community.astro b/src/pages/community.astro
index 6fbbce95ae..62ab265071 100644
--- a/src/pages/community.astro
+++ b/src/pages/community.astro
@@ -214,7 +214,7 @@ const teams = await getCollection("teams")
       <ul class="flex flex-wrap gap-4 mt-4">
         {teams.map((team) => (
           <li>          
-            <a href={"/community/teams/" + team.slug} class="!no-underline !text-white w-96 h-[11rem] block hover:bg-nixsemidarkblue group transition-[background] rounded-xl p-2">
+            <a href={"/community/teams/" + team.slug} class="!no-underline !text-white w-full lg:w-96 lg:h-[11rem] block hover:bg-nixsemidarkblue group transition-[background] rounded-xl p-2">
               <div class="flex justify-between">
                 <h3 class="text-2xl">
                   <img src={"/images/teams/" + team.slug + ".svg"} alt="icon" class="inline invert -top-0.5 relative mr-2"/>