From 24c2349251902fb9aff483b27ea3ec8c3607e42f Mon Sep 17 00:00:00 2001
From: shivam balwani <shivambalwani@shivams-MacBook-Pro.local>
Date: Mon, 15 Mar 2021 13:55:54 +0530
Subject: [PATCH 1/2] fixed the position of  playground title

---
 src/containers/Drawer/index.jsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/containers/Drawer/index.jsx b/src/containers/Drawer/index.jsx
index 9a040a7..cb0c5bb 100644
--- a/src/containers/Drawer/index.jsx
+++ b/src/containers/Drawer/index.jsx
@@ -67,6 +67,20 @@ const useStyles = makeStyles((theme) => ({
       borderRight: "5px solid #2089dc",
     },
   },
+  playgroundTitle:{
+  position: "fixed",
+  zIndex: "1",
+  backgroundColor: "white",
+  top: "0",
+  padding: "10px 0",
+  width: "100%",
+
+  
+  
+  },
+  list:{
+marginTop: "20px"
+  },
 }));
 
 function ResponsiveDrawer(props) {
@@ -92,10 +106,10 @@ function ResponsiveDrawer(props) {
     <div>
       <div style={{ padding: "0.5rem" }}>
         <Link to="/">
-          <Typography variant="h5">Playground 🚀</Typography>
+          <Typography className={classes.playgroundTitle} variant="h5">Playground 🚀</Typography>
         </Link>
       </div>
-      <List>
+      <List className={classes.list}>
         {Components_Index.map((elm, index) => (
           <Link
             key={elm.name}

From fcc961cd289c2e92f8fd017e1f9841a6724af110 Mon Sep 17 00:00:00 2001
From: shivam balwani <shivambalwani@shivams-MacBook-Pro.local>
Date: Mon, 15 Mar 2021 14:03:28 +0530
Subject: [PATCH 2/2] fixed border issues

---
 src/containers/Drawer/index.jsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/containers/Drawer/index.jsx b/src/containers/Drawer/index.jsx
index cb0c5bb..3e5d69f 100644
--- a/src/containers/Drawer/index.jsx
+++ b/src/containers/Drawer/index.jsx
@@ -72,11 +72,9 @@ const useStyles = makeStyles((theme) => ({
   zIndex: "1",
   backgroundColor: "white",
   top: "0",
-  padding: "10px 0",
-  width: "100%",
-
-  
-  
+  left:"0",
+  padding: "10px 10px",
+  width: "200px",
   },
   list:{
 marginTop: "20px"