diff --git a/gabau.github.io/src/App.css b/gabau.github.io/src/App.css
index f131ab4..9dc75ec 100644
--- a/gabau.github.io/src/App.css
+++ b/gabau.github.io/src/App.css
@@ -1,6 +1,6 @@
 #root {
-  max-width: 1280px;
-  margin: 0 auto;
+  @apply w-screen h-screen overflow-clip;
+  margin: 0;
   text-align: center;
 }
 
diff --git a/gabau.github.io/src/pages/Playground.tsx b/gabau.github.io/src/pages/Playground.tsx
index 5acd55f..2a93f1c 100644
--- a/gabau.github.io/src/pages/Playground.tsx
+++ b/gabau.github.io/src/pages/Playground.tsx
@@ -62,7 +62,7 @@ export default function PlayGround() {
     <>
       <TypeWriterHeader title="Playground" timeout={300} className="p-10" />
       <p>For the miscellaneous stuff</p>
-      <div className="flex flex-wrap flex-row h-full w-full justify-center">
+      <div className="flex flex-wrap flex-row h-auto w-full justify-center">
         {playgrounds.map((v) => {
           return (
             <PlayGroundCard