From f1f29185bfd9e73523ffe29a5481e1ff2b084b38 Mon Sep 17 00:00:00 2001
From: DCCONSTRUCTIONS <dcconstructions@MacBook-Pro-DCCONSTRUCTIONS-2.local>
Date: Tue, 21 Apr 2026 14:32:31 +0300
Subject: [PATCH] =?UTF-8?q?UI=20-=20=D0=9C=D0=95=D0=96=D0=9F=D0=A0=D0=9E?=
 =?UTF-8?q?=D0=95=D0=9A=D0=A2=D0=9D=D0=90=D0=AF=20=D0=9A=D0=9E=D0=9C=D0=9C?=
 =?UTF-8?q?=D0=A3=D0=9D=D0=98=D0=9A=D0=90=D0=A6=D0=98=D0=AF:=20=D1=86?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=82=D1=80=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B5=20=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8=20=D1=80?=
 =?UTF-8?q?=D0=B5=D0=B6=D0=B8=D0=BC=D0=BE=D0=B2=20=D0=B2=20=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B6=D0=BD=D0=B5=D0=BC=20dock?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 plane-src/apps/web/core/components/issues/filters.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/plane-src/apps/web/core/components/issues/filters.tsx b/plane-src/apps/web/core/components/issues/filters.tsx
index 5ab5790..31016cf 100644
--- a/plane-src/apps/web/core/components/issues/filters.tsx
+++ b/plane-src/apps/web/core/components/issues/filters.tsx
@@ -94,21 +94,23 @@ export const HeaderFilters = observer(function HeaderFilters(props: Props) {
         projectDetails={currentProjectDetails ?? undefined}
         isEpic={storeType === EIssuesStoreType.EPIC}
       />
-      <div className="nodedc-top-toolbar-cluster flex items-center gap-2">
-        <div className="hidden @4xl:flex">
+      <div className="pointer-events-none absolute top-1/2 left-1/2 z-[1] flex -translate-x-1/2 -translate-y-1/2 items-center">
+        <div className="pointer-events-auto hidden @4xl:flex">
           <LayoutSelection
             layouts={LAYOUTS}
             onChange={(layout) => handleLayoutChange(layout)}
             selectedLayout={activeLayout}
           />
         </div>
-        <div className="flex @4xl:hidden">
+        <div className="pointer-events-auto flex @4xl:hidden">
           <MobileLayoutSelection
             layouts={LAYOUTS}
             onChange={(layout) => handleLayoutChange(layout)}
             activeLayout={activeLayout}
           />
         </div>
+      </div>
+      <div className="nodedc-top-toolbar-cluster flex items-center gap-2">
         <WorkItemFiltersToggle entityType={storeType} entityId={projectId} />
         <FiltersDropdown
           miniIcon={<SlidersHorizontal className="size-3.5" />}