diff --git a/src/components/Wrapper/Wrapper.jsx b/src/components/Wrapper/Wrapper.jsx
index 46abb10..d447c56 100644
--- a/src/components/Wrapper/Wrapper.jsx
+++ b/src/components/Wrapper/Wrapper.jsx
@@ -136,18 +136,9 @@ export default function Wrapper() {
   }
 
   return (
-    <div
-      style={{
-        height: "200vh",
-        display: "flex",
-        alignItems: "center",
-        width: 400,
-        background: "black",
-      }}
-      className="panel"
-    >
-      <textarea name="" id="" value="asd" cols="30" rows="10"></textarea>
-      <div style={{ height: 400 }}>
+    <div className="panel">
+      {/* <textarea name="" id="" value="asd" cols="30" rows="10"></textarea> */}
+      <div className="code-editor-wrapper">
         <CodeEditor
           themeLight={themeEoBrowserLight}
           themeDark={themeEoBrowserDark}
diff --git a/src/components/Wrapper/wrapper.css b/src/components/Wrapper/wrapper.css
index e69de29..e075fa2 100644
--- a/src/components/Wrapper/wrapper.css
+++ b/src/components/Wrapper/wrapper.css
@@ -0,0 +1,10 @@
+.panel {
+  height: 200vh;
+  display: flex;
+  background: black;
+}
+
+.code-editor-wrapper {
+  width: 500px;
+  height: 500px;
+}