diff --git a/.storybook/preview.js b/.storybook/preview.js
index 5d00c02..cf44e79 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,4 +1,30 @@
+import React from "react";
+import ItemProvider from '../src/components/ItemProvider';
+import { ThemeProvider } from "@material-ui/core/styles";
+import webqueueTheme from "../src/theme";
+
+const theme = webqueueTheme();
+
+export const decorators = [
+  (Story) => (
+    <ItemProvider>
+      <Story />
+    </ItemProvider>
+  ),
+  (Story) => (
+    <ThemeProvider theme={theme}>
+      <Story />
+    </ThemeProvider>
+  ),
+];
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
+  options: {
+    storySort: {
+      method: 'alphabetical',
+      order: ['Introduction', 'Components']
+    },
+
+  },
 }
\ No newline at end of file