diff --git a/packages/docs/src/routes/community/groups/index.mdx b/packages/docs/src/routes/community/groups/index.mdx
index a130f1046f3..bd6aeca2475 100644
--- a/packages/docs/src/routes/community/groups/index.mdx
+++ b/packages/docs/src/routes/community/groups/index.mdx
@@ -9,6 +9,9 @@ contributors:
   - cunzaizhuyi
   - the-r3aper7
 ---
+import ImgDiscord from '~/media/ecosystem/discord.svg?jsx';
+import ImgQwikNewsletter from '~/media/ecosystem/qwik-newsletter.svg?jsx';
+
 
 # Qwik Community
 
@@ -24,26 +27,26 @@ and spread your love for innovation!
 ### 🌏 Global Communities
 <div class="card-grid">
   <a class="card card-center" href="https://qwik.builder.io/chat">
-    <p class="icon" align="center"><img src="/ecosystem/discord.svg" width={84} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/discord.svg" width={84} height={84} /></p>
     <h3>Official Qwik Community on Builder.io's Discord server</h3>
   </a>
 </div>
 
 <div class="card-grid">
   <a class="card card-center" href="https://www.facebook.com/groups/qwikdevs">
-    <p class="icon" align="center"><img src="/ecosystem/facebook.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/facebook.svg" width={56} height={56} /></p>
     <h3>Qwik Developers Facebook Group</h3>
   </a>
   <a class="card card-center" href="https://www.linkedin.com/groups/12677766/">
-    <p class="icon" align="center"><img src="/ecosystem/linkedin.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/linkedin.svg" width={56} height={56} /></p>
     <h3>Qwik Developers Linkedin Group</h3>
   </a>
   <a class="card card-center" href="https://t.me/qwikdevs">
-    <p class="icon" align="center"><img src="/ecosystem/telegram.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/telegram.svg" width={56} height={56} /></p>
     <h3>Qwik Developers Channel on Telegram</h3>
   </a>
   <a class="card card-center" href="https://www.reddit.com/r/qwik/">
-    <p class="icon" align="center"><img src="/ecosystem/reddit.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/reddit.svg" width={56} height={56} /></p>
     <h3>Qwik on Reddit</h3>
   </a>
 </div>
@@ -52,39 +55,39 @@ and spread your love for innovation!
 
 <div class="card-grid">
   <a class="card card-center" href="https://www.meetup.com/qwik-london/">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-london.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-london.svg" width={56} height={56} /></p>
     <h3>Qwik London Meetup Group</h3>
   </a>
   <a class="card card-center" href="https://www.facebook.com/groups/836365297555873">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-taiwan.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-taiwan.svg" width={56} height={56} /></p>
     <h3>Qwik Taiwan  Facebook Group</h3>
   </a>
   <a class="card card-center" href="https://www.linkedin.com/groups/14153723/">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-france.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-france.svg" width={56} height={56} /></p>
     <h3>Qwik France Linkedin Group</h3>
   </a>
   <a class="card card-center" href="https://www.facebook.com/groups/qwikisrael">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-israel.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-israel.svg" width={56} height={56} /></p>
     <h3>Qwik Israel Facebook Group</h3>
   </a>
   <a class="card card-center" href="https://www.meetup.com/qwik-amsterdam-meetup-group/">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-amsterdam.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-amsterdam.svg" width={56} height={56} /></p>
     <h3>Qwik Amsterdam Meetup Group</h3>
   </a>
   <a class="card card-center" href="https://www.meetup.com/qwik-india/">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-india.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-india.svg" width={56} height={56} /></p>
     <h3>Qwik India Meetup Group</h3>
   </a>
   <a class="card card-center" href="https://www.meetup.com/qwik-uruguay/">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-uruguay.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-uruguay.svg" width={56} height={56} /></p>
     <h3>Qwik Uruguay Meetup Group</h3>
   </a>
   <a class="card card-center" href="https://www.meetup.com/qwik-argentina/">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-argentina.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-argentina.svg" width={56} height={56} /></p>
     <h3>Qwik Argentina Meetup Group</h3>
   </a>  
   <a class="card card-center" href="https://www.meetup.com/qwik-moroccan-community/">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-morocco.svg" width={56} /></p>
+    <p class="icon" align="center"><img src="/ecosystem/qwik-morocco.svg" width={56} height={56} /></p>
     <h3>Qwik Morocco Meetup Group</h3>
   </a> 
 </div>
@@ -93,7 +96,7 @@ and spread your love for innovation!
 
 <div class="card-grid">
   <a class="card card-center" href="https://qwiknewsletter.com">
-    <p class="icon" align="center"><img src="/ecosystem/qwik-newsletter.svg" /></p>
+    <p class="icon" align="center"><ImgQwikNewsletter/></p>
     <h3>Qwikly Newsletter - Weekly news about Qwik</h3>
   </a>
 </div>