diff --git a/_includes/plugin_card.html b/_includes/plugin_card.html
index a71b678b..07e72ed1 100644
--- a/_includes/plugin_card.html
+++ b/_includes/plugin_card.html
@@ -2,10 +2,10 @@
     <div class="col p-4 d-flex flex-column position-static">
       <div class="d-inline-block">
         {% for cat in plugin.categories %}
-        <span class="badge rounded-pill bg-yellow-500">{{ cat }}</span>
+        <span class="badge bg-yellow-500">{{ cat }}</span>
         {% endfor %}
         {% for tag in plugin.tags %}
-        <span class="badge rounded-pill bg-blue-400">{{ tag }}</span>
+        <span class="badge bg-blue-400">{{ tag }}</span>
         {% endfor %}
       </div>
       <h3 class="mb-0">{{ plugin.name }}</h3>
diff --git a/assets/index.css b/assets/index.css
index 50949124..7fdbd1a7 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -50,4 +50,8 @@ layout: empty
         top: -72px;
         visibility: hidden;
     }
+
+    .badge {
+        @apply py-1 px-2.5 rounded-full
+    }
 }