From d1936d99ecd24c7102de6dc9d8eb096792399883 Mon Sep 17 00:00:00 2001
From: Jack Carter <128555021+SunsetDrifter@users.noreply.github.com>
Date: Wed, 27 May 2026 22:51:03 +0200
Subject: [PATCH] fix: replace invalid <p> wrapping Button with <div> (#768)

* fix: replace invalid <p> wrapping Button with <div>

The Button component renders a <div> in its primary variant. HTML
disallows block elements inside <p>, so browsers auto-close the <p>
during parsing and React 19 reports a hydration mismatch. The
float="center" attribute was non-functional, so rendering is unchanged.

* chore: gitignore .playwright-mcp run artifacts
---
 .gitignore                                                    | 3 +++
 src/pages/about-netbird/self-hosted-vs-cloud.mdx              | 4 ++--
 src/pages/get-started/install/opnsense.mdx                    | 4 ++--
 src/pages/get-started/install/pfsense.mdx                     | 4 ++--
 src/pages/manage/access-control/posture-checks/index.mdx      | 4 ++--
 src/pages/manage/activity/index.mdx                           | 4 ++--
 src/pages/manage/network-routes/index.mdx                     | 4 ++--
 .../access-infrastructure/secure-remote-webserver-access.mdx  | 4 ++--
 src/pages/manage/peers/add-machines-to-your-network.mdx       | 4 ++--
 src/pages/manage/peers/approve-peers.mdx                      | 4 ++--
 src/pages/manage/peers/auto-update.mdx                        | 4 ++--
 src/pages/manage/peers/lazy-connection.mdx                    | 4 ++--
 src/pages/manage/peers/ssh.mdx                                | 4 ++--
 src/pages/manage/settings/delete-account.mdx                  | 4 ++--
 .../manage/settings/enforce-periodic-user-authentication.mdx  | 4 ++--
 src/pages/manage/settings/multi-factor-authentication.mdx     | 4 ++--
 src/pages/manage/team/add-users-to-your-network.mdx           | 4 ++--
 src/pages/manage/team/approve-users.mdx                       | 4 ++--
 18 files changed, 37 insertions(+), 34 deletions(-)

diff --git a/.gitignore b/.gitignore
index badf9a29..6d9950fb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -41,3 +41,6 @@ package-lock.json
 
 # Last updated dates per route (generated by scripts/generate-last-updated.mjs)
 /src/lib/last-updated-routes.mjs
+
+# Playwright MCP run artifacts (snapshots, console logs)
+/.playwright-mcp/
diff --git a/src/pages/about-netbird/self-hosted-vs-cloud.mdx b/src/pages/about-netbird/self-hosted-vs-cloud.mdx
index 93e80c2b..54c431d5 100644
--- a/src/pages/about-netbird/self-hosted-vs-cloud.mdx
+++ b/src/pages/about-netbird/self-hosted-vs-cloud.mdx
@@ -90,9 +90,9 @@ your critical network infrastructure.
 | **Best for** | Homelabs, air-gapped networks, compliance requirements | Teams wanting hassle-free setup |
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - [Self-hosting Quickstart](/selfhosted/selfhosted-quickstart) - Get started with self-hosted NetBird in 5 minutes
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
diff --git a/src/pages/get-started/install/opnsense.mdx b/src/pages/get-started/install/opnsense.mdx
index 119510df..309b76d3 100644
--- a/src/pages/get-started/install/opnsense.mdx
+++ b/src/pages/get-started/install/opnsense.mdx
@@ -139,9 +139,9 @@ By default, OPNsense uses automatic outbound NAT which randomizes source ports.
     -   Run `netbird status -d` to verify the connection.
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/get-started/install/pfsense.mdx b/src/pages/get-started/install/pfsense.mdx
index 05b3e5f8..c01793e6 100644
--- a/src/pages/get-started/install/pfsense.mdx
+++ b/src/pages/get-started/install/pfsense.mdx
@@ -158,9 +158,9 @@ pkg delete netbird pfSense-pkg-NetBird
 
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/access-control/posture-checks/index.mdx b/src/pages/manage/access-control/posture-checks/index.mdx
index 18c474d6..e9849c28 100644
--- a/src/pages/manage/access-control/posture-checks/index.mdx
+++ b/src/pages/manage/access-control/posture-checks/index.mdx
@@ -143,9 +143,9 @@ If your deployment includes iOS or Android clients and you need to gate on local
 - Apply local-NIC-based Peer Network Range posture checks only to policies targeting desktop platforms (Windows, macOS, Linux)
 
 ## Get started with NetBird
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/activity/index.mdx b/src/pages/manage/activity/index.mdx
index 29c41206..7f5f11db 100644
--- a/src/pages/manage/activity/index.mdx
+++ b/src/pages/manage/activity/index.mdx
@@ -129,9 +129,9 @@ NetBird can stream audit events to your Security Information and Event Managemen
 
 ## Get Started
 
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/network-routes/index.mdx b/src/pages/manage/network-routes/index.mdx
index eb4c74cc..d42ecfcc 100644
--- a/src/pages/manage/network-routes/index.mdx
+++ b/src/pages/manage/network-routes/index.mdx
@@ -342,9 +342,9 @@ To prevent permission overflow, use dedicated Routing Peers for Network Routes a
 />
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/peers/access-infrastructure/secure-remote-webserver-access.mdx b/src/pages/manage/peers/access-infrastructure/secure-remote-webserver-access.mdx
index 08e59677..0931f105 100644
--- a/src/pages/manage/peers/access-infrastructure/secure-remote-webserver-access.mdx
+++ b/src/pages/manage/peers/access-infrastructure/secure-remote-webserver-access.mdx
@@ -161,9 +161,9 @@ This straightforward test confirms your successful implementation of a secure, f
 
 ## Get Started
 
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/peers/add-machines-to-your-network.mdx b/src/pages/manage/peers/add-machines-to-your-network.mdx
index 96b52b30..214f0002 100644
--- a/src/pages/manage/peers/add-machines-to-your-network.mdx
+++ b/src/pages/manage/peers/add-machines-to-your-network.mdx
@@ -43,9 +43,9 @@ Here are a few links that might be handy as you venture further into NetBird:
 - [Allow only managed devices in the network](/manage/access-control/endpoint-detection-and-response)
 - [Use setup keys to automate NetBird deployments](/manage/peers/register-machines-using-setup-keys)
 
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Try NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/peers/approve-peers.mdx b/src/pages/manage/peers/approve-peers.mdx
index 01fce2e8..7551a04b 100644
--- a/src/pages/manage/peers/approve-peers.mdx
+++ b/src/pages/manage/peers/approve-peers.mdx
@@ -40,9 +40,9 @@ and allow only trusted devices to join the network.
 Check the [EDR integrations](/manage/access-control/endpoint-detection-and-response) guide for more information on how to enable this feature.
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/peers/auto-update.mdx b/src/pages/manage/peers/auto-update.mdx
index 1e5460e9..0d04f8a9 100644
--- a/src/pages/manage/peers/auto-update.mdx
+++ b/src/pages/manage/peers/auto-update.mdx
@@ -74,9 +74,9 @@ Linux support is not available at this time due to the variety of distributions
 4. All notifications related to Automatic Updates will be shown only if NetBird UI is running and Notifications are enabled.
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/peers/lazy-connection.mdx b/src/pages/manage/peers/lazy-connection.mdx
index c5649a13..660d07fb 100644
--- a/src/pages/manage/peers/lazy-connection.mdx
+++ b/src/pages/manage/peers/lazy-connection.mdx
@@ -79,9 +79,9 @@ Setting disabled:
 * The lazy connection manager is now disabled. The client will immediately attempt to establish connections with all remote peers.
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/peers/ssh.mdx b/src/pages/manage/peers/ssh.mdx
index 45072cd8..9171993a 100644
--- a/src/pages/manage/peers/ssh.mdx
+++ b/src/pages/manage/peers/ssh.mdx
@@ -658,11 +658,11 @@ netbird up --ssh-jwt-cache-ttl 3600  # 1 hour
 ```
 
 ## Get started
-<p float="center">
+<div>
     <Button name="button" className="button-5"
             onClick={() => window.open("https://netbird.io/pricing")}>Use
         NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/settings/delete-account.mdx b/src/pages/manage/settings/delete-account.mdx
index 5c6a67da..99ebd9fb 100644
--- a/src/pages/manage/settings/delete-account.mdx
+++ b/src/pages/manage/settings/delete-account.mdx
@@ -22,9 +22,9 @@ After you delete your account, your session will end, and you will be redirected
     If you log in again, a new account will be created.
 </Note>
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/settings/enforce-periodic-user-authentication.mdx b/src/pages/manage/settings/enforce-periodic-user-authentication.mdx
index ffa922cd..9a59fe44 100644
--- a/src/pages/manage/settings/enforce-periodic-user-authentication.mdx
+++ b/src/pages/manage/settings/enforce-periodic-user-authentication.mdx
@@ -40,9 +40,9 @@ Peers with `Expiration disabled` will be marked with a corresponding label in th
 </p>
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/settings/multi-factor-authentication.mdx b/src/pages/manage/settings/multi-factor-authentication.mdx
index d383ed3a..d7d93569 100644
--- a/src/pages/manage/settings/multi-factor-authentication.mdx
+++ b/src/pages/manage/settings/multi-factor-authentication.mdx
@@ -54,9 +54,9 @@ This will reset MFA for the user, and they will need to set it up again during t
 </p>
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/team/add-users-to-your-network.mdx b/src/pages/manage/team/add-users-to-your-network.mdx
index a4d94c00..7c622a10 100644
--- a/src/pages/manage/team/add-users-to-your-network.mdx
+++ b/src/pages/manage/team/add-users-to-your-network.mdx
@@ -99,9 +99,9 @@ Click the `Save` button to save the changes.
 </Note>
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)
diff --git a/src/pages/manage/team/approve-users.mdx b/src/pages/manage/team/approve-users.mdx
index 40f39318..d53597dd 100644
--- a/src/pages/manage/team/approve-users.mdx
+++ b/src/pages/manage/team/approve-users.mdx
@@ -21,9 +21,9 @@ To approve a user, navigate to the [Users Page](https://app.netbird.io/team/user
 </p>
 
 ## Get started
-<p float="center" >
+<div>
     <Button name="button" className="button-5" onClick={() => window.open("https://netbird.io/pricing")}>Use NetBird</Button>
-</p>
+</div>
 
 - Make sure to [star us on GitHub](https://github.com/netbirdio/netbird)
 - Follow us [on X](https://x.com/netbird)