diff --git a/apps/graphpolaris/.storybook/main.js b/apps/graphpolaris/.storybook/main.js
index 89de33637a806ce8500fd0c7707e07029308cd4f..22ecf8311dc4d9d4a431906e54da7abc09bba9e5 100644
--- a/apps/graphpolaris/.storybook/main.js
+++ b/apps/graphpolaris/.storybook/main.js
@@ -9,7 +9,7 @@ module.exports = {
     ...rootMain.stories,
     '../src/app/**/*.stories.mdx',
     '../src/app/**/*.stories.@(js|jsx|ts|tsx)',
-    '../src/components/**/*.stories.@(js|jsx|ts|tsx)',
+    '../src/web/components/**/*.stories.@(js|jsx|ts|tsx)',
   ],
   addons: [...rootMain.addons, '@nrwl/react/plugins/storybook'],
   webpackFinal: async(config, { configType }) => {
diff --git a/apps/graphpolaris/src/app/app.tsx b/apps/graphpolaris/src/app/app.tsx
index ec8a4820d520a9ed9832b83bae27edbcefb93532..c1255e7dd85f949fff1a5c8b4ff2c522d86e24b9 100644
--- a/apps/graphpolaris/src/app/app.tsx
+++ b/apps/graphpolaris/src/app/app.tsx
@@ -7,7 +7,6 @@ import {
 import React, { useEffect } from 'react';
 import ReactJSONView from 'react-json-view';
 import GridLayout from 'react-grid-layout';
-import TestComponent from '../web/components/TestComponent';
 import Panel from '../web/components/panels/Panel';
 
 const RawJSONVis = React.memo(() => {
diff --git a/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx b/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx
index 9b6d60a2ae4bc66b91e06f9d88814311aa94c154..a17f7b23e136cba98225b81522d63093dbb41f2d 100644
--- a/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx
+++ b/apps/graphpolaris/src/web/components/panels/Panel.stories.tsx
@@ -7,7 +7,7 @@ export default {
    * See https://storybook.js.org/docs/react/configure/overview#configure-story-loading
    * to learn how to generate automatic titles
    */
-  title: 'NodeLink',
+  title: 'Panel',
   component: Panel,
   decorators: [(story) => <div style={{ padding: '3rem' }}>{story()}</div>],
 } as ComponentMeta<typeof Panel>;
@@ -18,10 +18,13 @@ export const Primary = Template.bind({});
 
 Primary.args = {
   content: 'Testing header #1',
+  color: 'blue',
 };
 
 export const Secondary = Template.bind({});
 
 Secondary.args = {
   content: 'Testing header number twoooo',
+  color: 'purple',
+  children: <h1>I AM A CHILD</h1>,
 };
diff --git a/apps/graphpolaris/src/web/components/panels/Panel.tsx b/apps/graphpolaris/src/web/components/panels/Panel.tsx
index ad7454f74d62c0b67fc16707bb4d14b69b34e9ec..7dbc0d617764185c14395e56e69ba130a8ccf475 100644
--- a/apps/graphpolaris/src/web/components/panels/Panel.tsx
+++ b/apps/graphpolaris/src/web/components/panels/Panel.tsx
@@ -20,6 +20,7 @@ const Wrapper = styled.div<{ color: string }>`
 `;
 
 const Content = styled.div`
+  margin: 1em;
   padding: 1em;
   background-color: white;
   border-radius: 8px;