diff --git a/webapp/src/store/sidebar.ts b/webapp/src/store/sidebar.ts
index 95964e827..c13ca7cca 100644
--- a/webapp/src/store/sidebar.ts
+++ b/webapp/src/store/sidebar.ts
@@ -69,6 +69,9 @@ const sidebarSlice = createSlice({
                     }
                 }
             })
+            
+            // sort categories alphabetically
+            state.categoryAttributes.sort((a, b) => a.name.localeCompare(b.name))
         },
         updateBoardCategories: (state, action: PayloadAction<Array<BoardCategoryWebsocketData>>) => {
             action.payload.forEach((boardCategory) => {