diff --git a/microsite/src/components/pluginsFilter/pluginsFilter.tsx b/microsite/src/components/pluginsFilter/pluginsFilter.tsx
index 25c8a5ff52..4023415fa6 100644
--- a/microsite/src/components/pluginsFilter/pluginsFilter.tsx
+++ b/microsite/src/components/pluginsFilter/pluginsFilter.tsx
@@ -7,13 +7,16 @@ type Props = {
 };
 
 const PluginsFilter = ({ categories, handleChipClick }: Props) => {
+  const alphaCategories = categories.sort((a, b) =>
+    a.name.localeCompare(b.name),
+  );
   return (
     <div className="dropdown dropdown--hoverable">
       <button className="button button--info dropdown__toggle">
         Categories Filter
       </button>
       <ul className="dropdown__menu">
-        {categories.map(chip => {
+        {alphaCategories.map(chip => {
           return (
             <li key={chip.name} onClick={() => handleChipClick(chip.name)}>
               <div className="dropdown__item">