diff --git a/src/components/BreadcrumbBar.test.tsx b/src/components/BreadcrumbBar.test.tsx
index 80d2a875..ceb2dda3 100644
--- a/src/components/BreadcrumbBar.test.tsx
+++ b/src/components/BreadcrumbBar.test.tsx
@@ -55,6 +55,13 @@ describe('BreadcrumbBar — drag region', () => {
     const bar = container.firstElementChild as HTMLElement
     expect(bar.dataset.tauriDragRegion).toBeDefined()
   })
+
+  it('marks the center spacer as a drag region', () => {
+    const { container } = render(<BreadcrumbBar entry={baseEntry} {...defaultProps} />)
+    const spacer = container.querySelector('.breadcrumb-bar__drag-spacer')
+    expect(spacer).toHaveAttribute('data-tauri-drag-region')
+    expect(spacer).toHaveAttribute('aria-hidden', 'true')
+  })
 })
 
 describe('BreadcrumbBar — delete', () => {
diff --git a/src/components/BreadcrumbBar.tsx b/src/components/BreadcrumbBar.tsx
index 57d69e2e..28fc2014 100644
--- a/src/components/BreadcrumbBar.tsx
+++ b/src/components/BreadcrumbBar.tsx
@@ -529,9 +529,14 @@ export const BreadcrumbBar = memo(function BreadcrumbBar({
         boxSizing: 'border-box',
       }}
     >
-      <div className="breadcrumb-bar__title flex-1 min-w-0">
+      <div className="breadcrumb-bar__title min-w-0">
         <BreadcrumbTitle entry={entry} onRenameFilename={onRenameFilename} />
       </div>
+      <div
+        aria-hidden="true"
+        data-tauri-drag-region
+        className="breadcrumb-bar__drag-spacer min-w-0 flex-1"
+      />
       <BreadcrumbActions entry={entry} {...actionProps} />
     </div>
   )