Merge pull request #16868 from backstage/blam/marketplace

microsite: Use `badge` instead of `button` for plugin category

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>}

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;
+  }
 }