From 6351642838fbc98dec2f3048b7e01b8b36105aa0 Mon Sep 17 00:00:00 2001
From: AlexSserb <aserbin190@gmail.com>
Date: Fri, 10 Oct 2025 22:55:41 +0400
Subject: [PATCH] fix: centered project select

---
 .../Navbar/components/ProjectSelectContainer.tsx    | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Navbar/components/ProjectSelectContainer.tsx b/src/components/layout/Navbar/components/ProjectSelectContainer.tsx
index 61613cf..d950e81 100644
--- a/src/components/layout/Navbar/components/ProjectSelectContainer.tsx
+++ b/src/components/layout/Navbar/components/ProjectSelectContainer.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { IconEdit, IconPlus } from "@tabler/icons-react";
-import { Group, HoverCard } from "@mantine/core";
+import { Box, Group, HoverCard } from "@mantine/core";
 import { useProjectsContext } from "@/app/deals/contexts/ProjectsContext";
 import useProjectActions from "@/components/layout/Navbar/hooks/useProjectActions";
 import ProjectSelect from "@/components/selects/ProjectSelect/ProjectSelect";
@@ -13,12 +13,21 @@ const ProjectSelectContainer = () => {
     const { onCreateClick, onChangeClick } = useProjectActions();
 
     return (
-        <HoverCard zIndex={150} position={"right"}>
+        <HoverCard
+            zIndex={150}
+            position={"right"}>
             <HoverCard.Target>
                 <ProjectSelect
                     data={projects}
                     value={selectedProject}
                     onChange={value => value && setSelectedProjectId(value.id)}
+                    styles={{
+                        input: {
+                            textAlign: "center",
+                        },
+                    }}
+                    rightSection={<Box />}
+                    rightSectionWidth={"var(--mantine-spacing-md)"}
                 />
             </HoverCard.Target>
             <HoverCard.Dropdown