From f982fe999b62dbdd9ca553a4c4f5e67c8d9c6493 Mon Sep 17 00:00:00 2001
From: Ryan Albrecht <ryan.albrecht@sentry.io>
Date: Tue, 16 Apr 2024 15:01:52 -0700
Subject: [PATCH] fix: Format some inline styles as strings to try and avoid
 hydration errors (#9719)

---
 src/components/breadcrumbs.tsx  | 2 +-
 src/components/navbarClient.tsx | 2 +-
 src/components/pageGrid.tsx     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/breadcrumbs.tsx b/src/components/breadcrumbs.tsx
index 89b765dc6fcb0..c0042536a4865 100644
--- a/src/components/breadcrumbs.tsx
+++ b/src/components/breadcrumbs.tsx
@@ -18,7 +18,7 @@ export function Breadcrumbs() {
   }
 
   return (
-    <ul className="breadcrumb" style={{margin: 0}}>
+    <ul className="breadcrumb" style={{margin: '0px'}}>
       {nodes.map(n => {
         const to = n.path === '/' ? n.path : `/${n.path}/`;
         return (
diff --git a/src/components/navbarClient.tsx b/src/components/navbarClient.tsx
index 7b68764645a1b..5e0f650e02d03 100644
--- a/src/components/navbarClient.tsx
+++ b/src/components/navbarClient.tsx
@@ -31,7 +31,7 @@ export function NavbarClient({platforms, currentPlatform}: Props) {
         <Search path={pathname} platforms={searchPlatforms} />
       </div>
       <div className="collapse navbar-collapse content-max" id="navbar-menu">
-        <Nav className="justify-content-end" style={{flex: 1}}>
+        <Nav className="justify-content-end" style={{flex: '1 1 0%'}}>
           <NavbarPlatformDropdown
             platforms={platforms}
             currentPlatform={currentPlatform}
diff --git a/src/components/pageGrid.tsx b/src/components/pageGrid.tsx
index 1b2ae7e9281a4..f541dfa042e24 100644
--- a/src/components/pageGrid.tsx
+++ b/src/components/pageGrid.tsx
@@ -33,7 +33,7 @@ export function PageGrid({header}: Props) {
           .filter(c => c.frontmatter.title)
           .map(n => (
             <li key={n.path} style={{marginBottom: '1rem'}}>
-              <h4 style={{marginBottom: 0}}>
+              <h4 style={{marginBottom: '0px'}}>
                 <Link href={'/' + n.path}>{n.frontmatter.title}</Link>
               </h4>
               {n.frontmatter.description && <p>{n.frontmatter.description}</p>}