From 6a868b27b0df69abd8d7e906d726c0ad92f7929d Mon Sep 17 00:00:00 2001
From: Justin Campbell <campb303@purdue.edu>
Date: Wed, 14 Apr 2021 11:54:47 -0400
Subject: [PATCH] Update CurrentBreakPoint stories

---
 .../CurrentBreakPoint.stories.mdx             | 23 ++++++++-----------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx b/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx
index fb260ce..d43d342 100644
--- a/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx
+++ b/src/components/CurrentBreakPoint/CurrentBreakPoint.stories.mdx
@@ -4,22 +4,17 @@ import webqueue2Theme from "../../theme.js";
 import CurrentBreakPoint from "./CurrentBreakPoint";
 import { Meta, Story, Canvas } from '@storybook/addon-docs/blocks';
 
-Displays the MUI theme breakpoints and whether or not they are active. This is a utility component meant to make UI development easier, not as a UI element for production code.
+<Meta 
+    title="Components/CurrentBreakpoint"
+    component={CurrentBreakPoint}
+/>
 
-It must be used under a [ThemeProvider](https://material-ui.com/styles/api/#themeprovider).
+Displays the five MUI breakpoints and whether or not they're active. This is a utility component to be used while developing. It must be used under a [ThemeProvider](https://material-ui.com/styles/api/#themeprovider).
 
-
-<Meta title="Components/CurrentBreakpoint"
-decorators={[  (Story) => (
-      <Paper>
-        <Story />
-      </Paper>
-    ),]}
-component={CurrentBreakPoint} />
+Use the Canvas tab's viewport switcher to experiement.
 
 <Canvas>
-  <Story name="Default">
-   {args => <CurrentBreakPoint {...args} />}
+    <Story name="Default">
+        { args => <CurrentBreakPoint {...args} /> }
     </Story>
-</Canvas>
-
+</Canvas>
\ No newline at end of file