diff --git a/src/App.js b/src/App.js
index 5dbfa0e..6c1c5b4 100644
--- a/src/App.js
+++ b/src/App.js
@@ -2,14 +2,12 @@ import React, { useState } from 'react';
 import './App.css';
 import ComponentList from './components/ComponentList/ComponentList';
 import DemoDisplay from './demos/DemoDisplay';
-import Navbar from './components/Navbar/Navbar';
 
 function App() {
   const [demo, setDemo] = useState('');
 
   return (
-    <div className="App">
-      <Navbar />
+    <div className="docs">
       <ComponentList setDemo={setDemo} />
       <DemoDisplay demo={demo} />
     </div>
diff --git a/src/components/ComponentList/ComponentList.jsx b/src/components/ComponentList/ComponentList.jsx
index 1767a6f..e18b340 100644
--- a/src/components/ComponentList/ComponentList.jsx
+++ b/src/components/ComponentList/ComponentList.jsx
@@ -3,8 +3,6 @@
 import React from 'react';
 import * as library from './../';
 
-const components = ['Simple Button', 'Heading', 'Progress Bar'];
-
 const ComponentList = (props) => {
   const urlParams = new URLSearchParams(window.location.search);
 
diff --git a/src/components/index.js b/src/components/index.js
index 35ecf75..0f14025 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -6,3 +6,4 @@ export { default as SimpleButton } from './SimpleButton/SimpleButton';
 export { default as InfiniteScroll } from './InfiniteScroll/InfiniteScroll';
 export { default as Tabs } from './Tabs/Tabs';
 export { default as RadioButton } from './RadioButton/RadioButton';
+export { default as ProgressBar } from './ProgressBar/ProgressBar';
diff --git a/src/demos/DemoDisplay.jsx b/src/demos/DemoDisplay.jsx
index 014dddc..dcaf045 100644
--- a/src/demos/DemoDisplay.jsx
+++ b/src/demos/DemoDisplay.jsx
@@ -1,21 +1,6 @@
-
-import React from 'react'
-import './demodisplay.css'
+import React from 'react';
+import './demodisplay.css';
 /*add your demo in the import statement below */
-import { SimpleButtonDemo, HeadingDemo, ProgressBarDemo } from '../exports/exports'
-
-const switchTo = (componentName) => {
-    switch (componentName) {
-        case 'Simple Button':
-            return <SimpleButtonDemo />
-        case 'Heading':
-            return <HeadingDemo />
-        case 'Progress Bar':
-            return <ProgressBarDemo/>
-        default:
-            return ''
-    }
-}
 
 const importView = (DemoComponentName) =>
   React.lazy(() =>
diff --git a/src/exports/exports.js b/src/exports/exports.js
index 966a84e..0b36847 100644
--- a/src/exports/exports.js
+++ b/src/exports/exports.js
@@ -2,4 +2,4 @@
 export { default as SimpleButtonDemo } from '../demos/SimpleButtonDemo';
 export { default as HeadingDemo } from '../demos/HeadingDemo';
 export { default as AvatarDemo } from '../demos/AvatarDemo';
-export { default as ProgressBarDemo } from '../demos/ProgressBarDemo'
+export { default as ProgressBarDemo } from '../demos/ProgressBarDemo';