diff --git a/www/src/pages/index.mdx b/www/src/pages/index.mdx
index 471de33f1..0f6540d1d 100644
--- a/www/src/pages/index.mdx
+++ b/www/src/pages/index.mdx
@@ -302,69 +302,93 @@ description: Deploy in minutes to secure remote access to your private resources
 <div className="container margin-top--lg">
   <div className="row">
     <div className="col col--6">
-      <center>
-        <h4>Individuals and home lab users</h4>
-      </center>
-      <p>
-        Lightweight and fast. Access your home network securely when on the
-        road.
-      </p>
-      <ul>
-        <li>Effortless to deploy on any infrastructure</li>
-        <li>Community plan supports unlimited devices</li>
-        <li>Open-source and self-hosted</li>
-      </ul>
-      <a href="/docs">Access your personal project &gt;</a>
+      <div className="card">
+        <div class="card__header">
+          <h4>Individuals and home lab users</h4>
+        </div>
+        <div className="card__body">
+          <p>
+            Lightweight and fast. Access your home network securely when on the
+            road.
+          </p>
+          <ul>
+            <li>Effortless to deploy on any infrastructure</li>
+            <li>Community plan supports unlimited devices</li>
+            <li>Open-source and self-hosted</li>
+          </ul>
+        </div>
+        <div class="card__footer">
+          <a href="/docs">Access your personal project &gt;</a>
+        </div>
+      </div>
     </div>
     <div className="col col--6">
-      <center>
-        <h4>Growing businesses</h4>
-      </center>
-      <p>
-        Keep up with increasing network and compliance demands as you scale your
-        team and infrastructure.
-      </p>
-      <ul>
-        <li>Integrate your identity provider</li>
-        <li>Quickly onboard/offboard employees</li>
-        <li>Segment access for contractors</li>
-        <li>High performance, reduce bottlenecks</li>
-      </ul>
-      <a href="/pricing">Scale your secure access &gt;</a>
+      <div className="card">
+        <div class="card__header">
+          <h4>Growing businesses</h4>
+        </div>
+        <div className="card__body">
+          <p>
+            Keep up with increasing network and compliance demands as you scale
+            your team and infrastructure.
+          </p>
+          <ul>
+            <li>Integrate your identity provider</li>
+            <li>Quickly onboard/offboard employees</li>
+            <li>Segment access for contractors</li>
+            <li>High performance, reduce bottlenecks</li>
+          </ul>
+        </div>
+        <div className="card__footer">
+          <a href="/pricing">Scale your secure access &gt;</a>
+        </div>
+      </div>
     </div>
   </div>
   <div className="row margin-top--md">
     <div className="col col--6">
-      <center>
-        <h4>Remote organizations</h4>
-      </center>
-      <p>
-        Transitioning to remote? Perfect timing to replace the legacy VPN.
-        Improve your security posture and reduce support tickets.
-      </p>
-      <ul>
-        <li>Require periodic re-authentication</li>
-        <li>Enforce MFA / 2FA</li>
-        <li>Self-serve user portal</li>
-        <li>Export logs to your observability platform</li>
-      </ul>
-      <a href="/pricing">Secure your remote workforce &gt;</a>
+      <div className="card">
+        <div class="card__header">
+          <h4>Remote organizations</h4>
+        </div>
+        <div className="card__body">
+          <p>
+            Transitioning to remote? Perfect timing to replace the legacy VPN.
+            Improve your security posture and reduce support tickets.
+          </p>
+          <ul>
+            <li>Require periodic re-authentication</li>
+            <li>Enforce MFA / 2FA</li>
+            <li>Self-serve user portal</li>
+            <li>Export logs to your observability platform</li>
+          </ul>
+        </div>
+        <div className="card__footer">
+          <a href="/pricing">Secure your remote workforce &gt;</a>
+        </div>
+      </div>
     </div>
     <div className="col col--6">
-      <center>
-        <h4>Technical IT teams</h4>
-      </center>
-      <p>
-        Firezone runs on your infrastructure. Customize it to suit your needs
-        and architecture.
-      </p>
-      <ul>
-        <li>Built on WireGuard®</li>
-        <li>No vendor lock-in</li>
-        <li>Supports OIDC and SAML 2.0</li>
-        <li>Flexible and configurable</li>
-      </ul>
-      <a href="/docs">Explore the documentation &gt;</a>
+      <div className="card">
+        <div class="card__header">
+          <h4>Technical IT teams</h4>
+        </div>
+        <div className="card__body">
+          <p>
+            Firezone runs on your infrastructure. Customize it to suit your
+            needs and architecture.
+          </p>
+          <ul>
+            <li>Built on WireGuard®</li>
+            <li>No vendor lock-in</li>
+            <li>Supports OIDC and SAML 2.0</li>
+            <li>Flexible and configurable</li>
+          </ul>
+        </div>
+        <div className="card__footer">
+          <a href="/docs">Explore the documentation &gt;</a>
+        </div>
+      </div>
     </div>
   </div>
 </div>
diff --git a/www/src/pages/pricing.mdx b/www/src/pages/pricing.mdx
index ec2cb08c0..50ff0e080 100644
--- a/www/src/pages/pricing.mdx
+++ b/www/src/pages/pricing.mdx
@@ -126,7 +126,7 @@ description: Explore Firezone's pricing.
   </div>
   <div className="row">
     <div className="col col--2 col--offset-10">
-      <a href="https://github.com/firezone/firezone">Visit GitHub &nbsp;</a>
+      <a href="https://github.com/firezone/firezone">Visit GitHub &gt;</a>
     </div>
   </div>
 </div>