From 44ca2a2140105ca97ddbe08139a7e470398e99bd Mon Sep 17 00:00:00 2001
From: bcotrim <bmmcotrim@gmail.com>
Date: Fri, 20 Dec 2024 20:40:03 +0000
Subject: [PATCH] change placement of topbar elements tooltip to bottom-start
 (#757)

---
 src/components/top-bar.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/top-bar.tsx b/src/components/top-bar.tsx
index 36cd4f454..4bcb4b58a 100644
--- a/src/components/top-bar.tsx
+++ b/src/components/top-bar.tsx
@@ -14,10 +14,16 @@ interface TopBarProps {
 	onToggleSidebar: () => void;
 }
 
+const DEFAULT_TOOLTIP_PLACEMENT = 'bottom-start';
+
 function ToggleSidebar( { onToggleSidebar }: TopBarProps ) {
 	return (
 		<div className="app-no-drag-region">
-			<Tooltip text={ __( 'Toggle sidebar' ) } className="h-6">
+			<Tooltip
+				text={ __( 'Toggle sidebar' ) }
+				className="h-6"
+				placement={ DEFAULT_TOOLTIP_PLACEMENT }
+			>
 				<Button onClick={ onToggleSidebar } variant="icon" aria-label={ __( 'Toggle sidebar' ) }>
 					<Icon className="text-white" icon={ drawerLeft } size={ 24 } />
 				</Button>
@@ -44,6 +50,7 @@ function OfflineIndicator() {
 						</span>
 					}
 					className="h-6"
+					placement={ DEFAULT_TOOLTIP_PLACEMENT }
 				>
 					<Button
 						aria-label={ __( 'Offline indicator' ) }