diff --git a/toys/index.html b/toys/index.html
index 2122c12..eee215c 100644
--- a/toys/index.html
+++ b/toys/index.html
@@ -28,10 +28,8 @@
 
 <body>
   <div id="mainDiv">
-    <div id="navBarContainer" data-alt="byte, noAnim"></div>
-
-    <ul class="toyUl">
-      <li class="toyLi">
+    <div class="toyUl">
+      <div class="toyLi">
         <button onclick="slideTransition('/toys/license', event)" class="toyContainer borderedRect">
           <img class="toyImg" src="/assets/boykisserLicense.png">
           <div class="toyTextContainer">
@@ -39,8 +37,8 @@
             <p class="desc">Automatically generates a "Boykissser license" for you. Free of charge and very silly.</p>
           </div>
         </button>
-      </li>
-      <li class="toyLi">
+      </div>
+      <div class="toyLi">
         <button onclick="slideTransition('/toys/loading', event)" class="toyContainer borderedRect">
           <img class="toyImg" src="/assets/byte_dice_fancy_64x64.png">
           <div class="toyTextContainer">
@@ -48,17 +46,10 @@
             <p class="desc">The same loading screen as the website uses but less clutter and infinite. (Loading the rest of the description...)</p>
           </div>
         </button>
-      </li>
-			<li class="toyLi">
-        <button onclick="slideTransition('/libs', event)" class="toyContainer borderedRect">
-          <img class="toyImg" src="/assets/js.png" style="border-radius: 16px;">
-          <div class="toyTextContainer">
-            <h1>Libraries</h1>
-            <p class="desc">A few JS libraries that I have made.</p>
-          </div>
-        </button>
-      </li>
-    </ul>
+      </div>
+    </div>
+
+    <div id="navBarContainer" data-alt="byte, noAnim"></div>
   </div>
 
   <div id="loadingScreen"></div>
diff --git a/toys/style.css b/toys/style.css
index f60734a..e08cf7e 100644
--- a/toys/style.css
+++ b/toys/style.css
@@ -1,7 +1,9 @@
 .toyContainer {
   border: none;
-  display: grid;
-	width: 100%;
+  display: inline-grid;
+	width: 25%;
+	min-width: 100%;
+	max-width: 512px;
   grid-template-columns: 1fr;
   grid-template-rows: calc(32px * var(--pxDensity)) 1fr;
   color: inherit;
@@ -42,9 +44,12 @@ button:active {
 }
 .toyUl {
 	padding: calc(3px * var(--pxDensity));
-	display: grid;
-	grid-template-columns: repeat(4, 1fr);
-	gap: calc(6px * var(--pxDensity))
+	display: inline-flex;
+	width: fit-content;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	gap: calc(6px * var(--pxDensity));
+	margin: 0 auto;
 }
 .toyLi {
   margin: 0;
