diff --git a/microsite/src/pages/plugins/_pluginCard.tsx b/microsite/src/pages/plugins/_pluginCard.tsx
index 99f27b865d..d6b4017db5 100644
--- a/microsite/src/pages/plugins/_pluginCard.tsx
+++ b/microsite/src/pages/plugins/_pluginCard.tsx
@@ -35,9 +35,7 @@ export const PluginCard = ({
           by <a href={authorUrl}>{author}</a>
         </p>
 
-        <span className="button button--sm button--outline button--primary">
-          {category}
-        </span>
+        <span className="badge badge--secondary fit-content">{category}</span>
       </>
     }
     body={<p>{description}</p>}
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;
+  }
 }