diff --git a/layouts/partials/community.html b/layouts/partials/community.html
index 5a90717..10e4f41 100644
--- a/layouts/partials/community.html
+++ b/layouts/partials/community.html
@@ -1,5 +1,5 @@
 <div class="container d-flex flex-wrap justify-content-around mb-5" id="community" style="gap: 2em 0;">
-  <div style="width: 28%" class="text-center">
+  <div style="width: 28%; min-width: 172px" class="text-center">
     <h4>
       <span class="fa-stack fa-lg" style="color: #20a7c9">
         <i class="fa fa-circle fa-stack-2x"></i>
@@ -11,7 +11,7 @@
       {{ i18n "community-chat-text" | markdownify }}
     </p>
   </div>
-  <div style="width: 28%" class="text-center">
+  <div style="width: 28%; min-width: 172px" class="text-center">
     <h4>
       <span class="fa-stack fa-lg" style="color: #9720c9">
         <i class="fa fa-circle fa-stack-2x"></i>
@@ -23,7 +23,7 @@
       {{ i18n "community-bugs-text" | markdownify }}
     </p>
   </div>
-  <div style="width: 28%" class="text-center">
+  <div style="width: 28%; min-width: 172px" class="text-center">
     <h4>
       <span class="fa-stack fa-lg" style="color: #c92052">
         <i class="fa fa-circle fa-stack-2x"></i>
@@ -35,7 +35,7 @@
       {{ i18n "community-translation-text" | markdownify }}
     </p>
   </div>
-  <div style="width: 28%" class="text-center">
+  <div style="width: 28%; min-width: 172px" class="text-center">
     <h4>
       <span class="fa-stack fa-lg" style="color: #c99720">
         <i class="fa fa-circle fa-stack-2x"></i>
@@ -47,7 +47,7 @@
       {{ i18n "community-code-text" | markdownify }}
     </p>
   </div>
-  <div style="width: 28%" class="text-center">
+  <div style="width: 28%; min-width: 172px" class="text-center">
     <h4>
       <span class="fa-stack fa-lg" style="color: #20c943">
         <i class="fa fa-circle fa-stack-2x"></i>