diff --git a/microsite/src/pages/plugins/_pluginCard.tsx b/microsite/src/pages/plugins/_pluginCard.tsx
index 99f27b865d..7eeb86af0a 100644
--- a/microsite/src/pages/plugins/_pluginCard.tsx
+++ b/microsite/src/pages/plugins/_pluginCard.tsx
@@ -35,7 +35,7 @@ export const PluginCard = ({
           by <a href={authorUrl}>{author}</a>
         </p>
 
-        <span className="button button--sm button--outline button--primary">
+        <span className="badge badge--secondary fit-content">
           {category}
         </span>
       </>
diff --git a/microsite/src/pages/plugins/plugins.module.scss b/microsite/src/pages/plugins/plugins.module.scss
index d21444583a..bb08c2fd33 100644
--- a/microsite/src/pages/plugins/plugins.module.scss
+++ b/microsite/src/pages/plugins/plugins.module.scss
@@ -30,4 +30,8 @@
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   }
+
+  :global(.fit-content) {
+    width: fit-content;
+  }
 }