diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js
index 0ba21c56e679..c2aff158ba18 100644
--- a/src/sections/Home/Playground-home/index.js
+++ b/src/sections/Home/Playground-home/index.js
@@ -64,7 +64,10 @@ const ViewsSectionWrapper = styled.div`
     @media only screen and (max-width: 767px) {
       text-align: center;
       flex-direction: column-reverse;
+      height: 600px;
+      padding: 0 2%;
     }
+      
 }
     .hero-text {
         display: flex;
@@ -76,7 +79,13 @@ const ViewsSectionWrapper = styled.div`
           max-width: 100%;
           justify-content: center;
           text-align: center;
+          margin-top: 4rem;
+        }
+        @media only screen and (min-width: 768px) and (max-width: 1100px) {
+          padding-left: 1rem;
         }
+
+          
     }
 
     .hero-image {