From 66aedafe8a491df54466154393a046f6a0abacb2 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 23 Jul 2024 13:13:29 +0530
Subject: [PATCH] fix: add project button alignment (#5204)

---
 web/core/components/workspace/sidebar/projects-list.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/core/components/workspace/sidebar/projects-list.tsx b/web/core/components/workspace/sidebar/projects-list.tsx
index 7abe8738d..e1a067d8c 100644
--- a/web/core/components/workspace/sidebar/projects-list.tsx
+++ b/web/core/components/workspace/sidebar/projects-list.tsx
@@ -304,7 +304,12 @@ export const SidebarProjectsList: FC = observer(() => {
         {isAuthorizedUser && joinedProjects?.length === 0 && (
           <button
             type="button"
-            className="w-full flex items-center gap-1.5 px-2 py-1.5 text-sm leading-5 font-medium text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-90 rounded-md"
+            className={cn(
+              `w-full flex items-center gap-1.5 px-2 py-1.5 text-sm leading-5 font-medium text-custom-sidebar-text-200 hover:bg-custom-sidebar-background-90 rounded-md`,
+              {
+                "p-0 size-8 aspect-square justify-center mx-auto": sidebarCollapsed,
+              }
+            )}
             onClick={() => {
               setTrackElement("Sidebar");
               toggleCreateProjectModal(true);