diff --git a/website/assets/images/logo-runzero-130x28@2x.png b/website/assets/images/logo-runzero-130x28@2x.png
new file mode 100644
index 0000000000..f44753ad3a
Binary files /dev/null and b/website/assets/images/logo-runzero-130x28@2x.png differ
diff --git a/website/views/pages/integrations.ejs b/website/views/pages/integrations.ejs
index dbed69ce2f..23ee4e3678 100644
--- a/website/views/pages/integrations.ejs
+++ b/website/views/pages/integrations.ejs
@@ -6,7 +6,66 @@
       <h1>Extend Fleet</h1>
       <p>Explore and learn how Fleet can integrate with your favorite tools.</p>
     </div>
+
     <div purpose="integration-cards" class="card-deck d-flex justify-content-center">
+      <div purpose="integration-card" class="card">
+        <div purpose="integration-logo">
+          <img src="/images/logo-okta-85x28@2x.png" alt="Okta logo">
+        </div>
+        <div purpose="integration-card-body" class="card-body">
+          <p>
+            Know who opened your computer and check their device posture before you let them log into anything.
+          </p>
+          <div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
+            <a target="_blank" href="https://www.okta.com/">Learn more</a>
+            <a purpose="animated-arrow-button-red" href="/docs/configuration/fleet-server-configuration#okta-idp-configuration">Docs</a>
+          </div>
+        </div>
+      </div>
+      <div purpose="integration-card" class="card">
+        <div purpose="integration-logo">
+          <img src="/images/logo-snowflake-color-117x28@2x.png" alt="Snowflake logo">
+        </div>
+        <div purpose="integration-card-body" class="card-body">
+          <p>
+            Ingest osquery data and monitor for important changes or events.
+          </p>
+          <div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
+            <a target="_blank"  href="https://www.snowflake.com/">Learn more</a>
+            <a purpose="animated-arrow-button-red" href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery">Guide</a>
+          </div>
+        </div>
+      </div>
+
+      <div purpose="integration-card" class="card">
+        <div purpose="integration-logo">
+          <img src="/images/logo-tines-90x28@2x.png" alt="Tines logo">
+        </div>
+        <div purpose="integration-card-body" class="card-body">
+          <p>
+            Build custom workflows that trigger when things happen on your computers.
+          </p>
+          <div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
+            <a target="_blank"  href="https://www.tines.com/">Learn more</a>
+            <a purpose="animated-arrow-button-red" href="/guides/using-fleet-and-tines-together#basic-article">Guide</a>
+          </div>
+        </div>
+      </div>
+
+      <div purpose="integration-card" class="card">
+        <div purpose="integration-logo">
+          <img src="/images/logo-runzero-130x28@2x.png" alt="runZero Directory logo">
+        </div>
+        <div purpose="integration-card-body" class="card-body">
+          <p>
+            Install osquery everywhere, scan networks, and discover assets.
+          </p>
+          <div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
+            <a target="_blank" href="https://www.runzero.com/">Learn more</a>
+          </div>
+        </div>
+      </div>
+
       <div purpose="integration-card" class="card">
         <div purpose="integration-logo">
           <img src="/images/logo-active-directory-169x28@2x.png" alt="Active Directory logo">
@@ -21,6 +80,7 @@
           </div>
         </div>
       </div>
+
       <div purpose="integration-card" class="card">
         <div purpose="integration-logo">
           <img src="/images/logo-ansible-147x28@2x.png" alt="Ansible logo">
@@ -35,6 +95,7 @@
           </div>
         </div>
       </div>
+
       <div purpose="integration-card" class="card">
         <div purpose="integration-logo">
           <img src="/images/logo-aws-46x28@2x.png" alt="AWS logo">
@@ -63,6 +124,7 @@
           </div>
         </div>
       </div>
+
       <div purpose="integration-card" class="card">
         <div purpose="integration-logo">
           <img src="/images/logo-chef-169x28@2x.png" alt="Chef logo">
@@ -175,20 +237,6 @@
           </div>
         </div>
       </div>
-      <div purpose="integration-card" class="card">
-        <div purpose="integration-logo">
-          <img src="/images/logo-okta-85x28@2x.png" alt="Okta logo">
-        </div>
-        <div purpose="integration-card-body" class="card-body">
-          <p>
-            Know who opened your computer and check their device posture before you let them log into anything.
-          </p>
-          <div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
-            <a target="_blank" href="https://www.okta.com/">Learn more</a>
-            <a purpose="animated-arrow-button-red" href="/docs/configuration/fleet-server-configuration#okta-idp-configuration">Docs</a>
-          </div>
-        </div>
-      </div>
       <div purpose="integration-card" class="card">
         <div purpose="integration-logo">
           <img src="/images/logo-puppet-79x28@2x.png" alt="Puppet logo">
@@ -203,20 +251,7 @@
           </div>
         </div>
       </div>
-      <div purpose="integration-card" class="card">
-        <div purpose="integration-logo">
-          <img src="/images/logo-snowflake-color-117x28@2x.png" alt="Snowflake logo">
-        </div>
-        <div purpose="integration-card-body" class="card-body">
-          <p>
-            Ingest osquery data and monitor for important changes or events.
-          </p>
-          <div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
-            <a target="_blank"  href="https://www.snowflake.com/">Learn more</a>
-            <a purpose="animated-arrow-button-red" href="/guides/delivering-data-to-snowflake-from-fleet-and-osquery">Guide</a>
-          </div>
-        </div>
-      </div>
+
       <div purpose="integration-card" class="card">
         <div purpose="integration-logo">
           <img src="/images/logo-splunk-95x28@2x.png" alt="Splunk logo">
@@ -231,20 +266,6 @@
           </div>
         </div>
       </div>
-      <div purpose="integration-card" class="card">
-        <div purpose="integration-logo">
-          <img src="/images/logo-tines-90x28@2x.png" alt="Tines logo">
-        </div>
-        <div purpose="integration-card-body" class="card-body">
-          <p>
-            Build custom workflows that trigger when things happen on your computers.
-          </p>
-          <div purpose="integration-card-buttons" class="d-flex flex-row justify-content-between">
-            <a target="_blank"  href="https://www.tines.com/">Learn more</a>
-            <a purpose="animated-arrow-button-red" href="/guides/using-fleet-and-tines-together#basic-article">Guide</a>
-          </div>
-        </div>
-      </div>
       <div purpose="integration-card" class="card invisible mb-0 d-none d-sm-flex">
       </div>
     </div>