diff --git a/web/components/project/project-feature-update.tsx b/web/components/project/project-feature-update.tsx
index 24c7091ede..797c00023d 100644
--- a/web/components/project/project-feature-update.tsx
+++ b/web/components/project/project-feature-update.tsx
@@ -34,7 +34,7 @@ export const ProjectFeatureUpdate: FC<Props> = observer((props) => {
       </div>
       <ProjectFeaturesList workspaceSlug={workspaceSlug} projectId={projectId} isAdmin />
       <div className="flex items-center justify-between gap-2 mt-4 px-4 pt-4 pb-2 border-t border-custom-border-100">
-        <div className="text-sm text-custom-text-300 font-medium">
+        <div className="flex gap-1 text-sm text-custom-text-300 font-medium">
           Congrats! Project <Logo logo={currentProjectDetails.logo_props} />{" "}
           <p className="break-all">{currentProjectDetails.name}</p> created.
         </div>
diff --git a/web/hooks/use-multiple-select.ts b/web/hooks/use-multiple-select.ts
index fdb3c0b1c1..0a0013eac9 100644
--- a/web/hooks/use-multiple-select.ts
+++ b/web/hooks/use-multiple-select.ts
@@ -271,20 +271,6 @@ export const useMultipleSelect = (props: Props) => {
     [disabled, entitiesList, handleEntitySelection, isGroupSelected]
   );
 
-  // clear selection on escape key press
-  useEffect(() => {
-    if (disabled) return;
-
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if (e.key === "Escape") clearSelection();
-    };
-
-    window.addEventListener("keydown", handleKeyDown);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [clearSelection, disabled]);
-
   // select entities on shift + arrow up/down key press
   useEffect(() => {
     if (disabled) return;