diff --git a/src/components/dropDiv.jsx b/src/components/dropDiv.jsx
index 2979c58..bd9b103 100644
--- a/src/components/dropDiv.jsx
+++ b/src/components/dropDiv.jsx
@@ -11,7 +11,7 @@ const DropDiv = () => {
   
   return (
     <div>
-        <GridLayout className="layout" layout={layout} cols={6} rowHeight={100} width={1200}>
+        <GridLayout className="layout" layout={layout} cols={6} rowHeight={100} width={600}>
           <div key="a">A</div>
           <div key="b">B</div>
           <div key="c">C</div>
diff --git a/src/styles/main.css b/src/styles/main.css
index 302e97f..c82753e 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -54,11 +54,11 @@ body {
 
         #create {
             height:700px;
-            width:500px;
+            width:600px;
 
             .drop-div {
                 min-height:600px;
-                width:500px;
+                width:600px;
                 border:1px solid lightgrey;
                 border-radius:7px;
             }
diff --git a/src/styles/sheet.css b/src/styles/sheet.css
index 09abc65..fc51cab 100644
--- a/src/styles/sheet.css
+++ b/src/styles/sheet.css
@@ -1,4 +1,9 @@
 .drop {
+     border: 1px solid coral;
+    .react-grid-layout {
+       
+    }
+    
 
     .react-grid-item {
         display:grid;