diff --git a/webapp/storybook/config.js b/webapp/storybook/config.js
index 5b91dfdf3..60b61d787 100644
--- a/webapp/storybook/config.js
+++ b/webapp/storybook/config.js
@@ -55,4 +55,12 @@ function loadStories() {
   req.keys().forEach(req)
 }
 
+// sort stories alphabetically
+addParameters({
+  options: {
+    storySort: (a, b) =>
+      a[1].kind === b[1].kind ? 0 : a[1].id.localeCompare(b[1].id, { numeric: true }),
+  }
+})
+
 configure(loadStories, module)