diff --git a/CHANGELOG.md b/CHANGELOG.md
index d6be2b6..596fe27 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.4.3](https://github.com/CoCreate-app/CoCreate-css-parser/compare/v1.4.2...v1.4.3) (2023-01-01)
+
+
+### Bug Fixes
+
+* docs sanbox overflow ([9b74b92](https://github.com/CoCreate-app/CoCreate-css-parser/commit/9b74b9281fae6289bf0100d2cbd34df916955a8f))
+
 ## [1.4.2](https://github.com/CoCreate-app/CoCreate-css-parser/compare/v1.4.1...v1.4.2) (2022-12-31)
 
 
diff --git a/demo/atomic-css.html b/demo/atomic-css.html
index f362c24..38ae636 100644
--- a/demo/atomic-css.html
+++ b/demo/atomic-css.html
@@ -729,14 +729,14 @@ <h2 class="padding:5px_0px">Demo</h2>
                     </div>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
                         <!-- SandBox -->
-                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+                        <div class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
                             
                             <div id="demo-code" resizable class="position:relative height:50%">
                                 <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
                                 <div resize="bottom" class="background:lightgrey"></div>
                             </div>
         
-                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                            <div id="demo-preview" class="position:relative overflow:auto background-color:white">
                                 <div get-value="#demo" class="padding:20px"></div>
                             </div>
                             
diff --git a/docs/index.html b/docs/index.html
index 6b2c48d..e2aff72 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -739,14 +739,14 @@ <h2 class="padding:5px_0px">Demo</h2>
                     </div>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
                         <!-- SandBox -->
-                        <div class="position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
+                        <div class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px" id="playground">
                             
                             <div id="demo-code" resizable class="position:relative height:50%">
                                 <textarea type="code" lang="html" collection="demos" document_id="" name="demo" save="false" id="demo" class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
                                 <div resize="bottom" class="background:lightgrey"></div>
                             </div>
         
-                            <div id="demo-preview" class="position:relative display:flex height:100% background-color:white">
+                            <div id="demo-preview" class="position:relative overflow:auto background-color:white">
                                 <div get-value="#demo" class="padding:20px"></div>
                             </div>
                             
diff --git a/package.json b/package.json
index 316270e..2a7e534 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@cocreate/css-parser",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "description": "A simple css-parser component in vanilla javascript. Easily configured using HTML5 data-attributes and/or JavaScript API.",
   "keywords": [
     "css-parser",
@@ -60,9 +60,9 @@
     "webpack-log": "^3.0.1"
   },
   "dependencies": {
-    "@cocreate/crud-client": "^1.17.8",
-    "@cocreate/docs": "^1.5.1",
-    "@cocreate/hosting": "^1.7.1",
-    "@cocreate/observer": "^1.5.51"
+    "@cocreate/crud-client": "^1.17.9",
+    "@cocreate/docs": "^1.5.2",
+    "@cocreate/hosting": "^1.7.2",
+    "@cocreate/observer": "^1.5.52"
   }
 }