diff --git a/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/project-shell-top-toolbar.tsx b/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/project-shell-top-toolbar.tsx
index 84eb506..2f8942c 100644
--- a/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/project-shell-top-toolbar.tsx
+++ b/plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/project-shell-top-toolbar.tsx
@@ -144,10 +144,12 @@ const ProjectsToolbarMenu = observer(function ProjectsToolbarMenu() {
             <Menu.Item>
               <button
                 type="button"
-                className="nodedc-toolbar-primary nodedc-toolbar-primary-wide flex w-full items-center justify-center gap-2 text-13 font-medium"
+                className="flex w-full items-center gap-3 rounded-md px-2 py-2 text-left text-13 font-medium text-secondary transition-colors hover:bg-layer-transparent-hover hover:text-primary"
                 onClick={() => toggleCreateProjectModal(true)}
               >
-                <PlusIcon className="size-4" />
+                <span className="grid size-8 flex-shrink-0 place-items-center">
+                  <PlusIcon className="size-4" />
+                </span>
                 <span>{t("create_project")}</span>
               </button>
             </Menu.Item>