diff --git a/install/index.html b/install/index.html
index 64483fb..92ff112 100644
--- a/install/index.html
+++ b/install/index.html
@@ -550,22 +550,38 @@
   <section id="compatibility">
     <div class="container fade-in">
       <div class="section-label">//compatibility</div>
-      <h2 class="selection-title">good for Linux users</h2>
-      <p class="section-desc">and kinda for Windows</p>
+      <h2 class="section-title">Good for Linux users</h2>
+      <p class="section-desc">And kinda for Windows</p>
 
-      <div class="doc-card">
-        <div class="card-item">
-          <h3>Linux</h3>
-          <p>Fully tested for Linux. Works great in terminal environments.</p>
+      <div class="docs-grid">
+
+        <div class="doc-card">
+          <div class="doc-card-header">
+            <h3>Linux</h3>
+          </div>
+          <div class="doc-card-body">
+            <p>Fully tested for Linux. Works great in terminal environments.</p>
+          </div>
         </div>
-        <div class="card-item">
-          <h3>Windows</h3>
-          <p>Mostly compatible, but requires changes to the Readline and Autofill function.</p>
+
+        <div class="doc-card">
+          <div class="doc-card-header">
+            <h3>Windows</h3>
+          </div>
+          <div class="doc-card-body">
+            <p>Mostly compatible, but requires changes to the Readline and autofill function.</p>
+          </div>
         </div>
-        <div class="card-item">
-          <h3>macOS</h3>
-          <p>Not tested I am broke</p>
+
+        <div class="doc-card">
+          <div class="doc-card-header">
+            <h3>macOS</h3>
+          </div>
+          <div class="doc-card-body">
+            <p>Not tested.</p>
+          </div>
         </div>
+
       </div>
     </div>
   </section>