From fcc30e80fbfe15dc94f367ad89c122a7fb48335b Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <bsaikrishnakanth97@gmail.com>
Date: Wed, 8 Apr 2026 17:42:28 +0530
Subject: [PATCH 1/4] fix: update border for project timezone

---
 apps/web/core/components/project/form.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/core/components/project/form.tsx b/apps/web/core/components/project/form.tsx
index b14b63cd61f..2d7575436f3 100644
--- a/apps/web/core/components/project/form.tsx
+++ b/apps/web/core/components/project/form.tsx
@@ -418,7 +418,7 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
                       onChange(value);
                     }}
                     error={Boolean(errors.timezone)}
-                    buttonClassName="border-none"
+                    buttonClassName="!border-subtle !shadow-none font-medium rounded-md"
                     disabled={!isAdmin}
                   />
                 </>

From 5240b0016a83efc002bb3d5710f5859bda9194b1 Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <bsaikrishnakanth97@gmail.com>
Date: Wed, 8 Apr 2026 18:41:39 +0530
Subject: [PATCH 2/4] feat: added scrollbar in keyboard shortcuts modal

---
 .../power-k/ui/modal/shortcuts-root.tsx       | 43 ++++++++++++-------
 1 file changed, 27 insertions(+), 16 deletions(-)

diff --git a/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx b/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx
index 50b0e305098..23ad807eca1 100644
--- a/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx
+++ b/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx
@@ -8,6 +8,7 @@ import { useState, Fragment } from "react";
 import { Dialog, Transition } from "@headlessui/react";
 // plane imports
 import { CloseIcon, SearchIcon } from "@plane/propel/icons";
+import { ScrollArea } from "@plane/propel/scrollarea";
 import { Input } from "@plane/ui";
 // hooks
 import { usePowerK } from "@/hooks/store/use-power-k";
@@ -61,28 +62,38 @@ export function ShortcutsModal(props: Props) {
               leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
             >
               <Dialog.Panel className="relative flex h-full items-center justify-center">
-                <div className="flex h-[61vh] w-full flex-col space-y-4 overflow-hidden rounded-lg bg-surface-1 p-5 shadow-raised-200 transition-all sm:w-[28rem]">
-                  <Dialog.Title as="h3" className="flex justify-between">
+                <div className="flex h-[61vh] w-full flex-col space-y-4 overflow-hidden rounded-lg bg-surface-1 py-5 shadow-raised-200 transition-all sm:w-[28rem]">
+                  <Dialog.Title as="h3" className="flex justify-between px-5">
                     <span className="text-16 font-medium">Keyboard shortcuts</span>
                     <button type="button" onClick={handleClose}>
                       <CloseIcon className="h-4 w-4 text-secondary hover:text-primary" aria-hidden="true" />
                     </button>
                   </Dialog.Title>
-                  <div className="flex w-full items-center rounded-sm border-[0.5px] border-subtle bg-surface-2 px-2">
-                    <SearchIcon className="h-3.5 w-3.5 text-secondary" />
-                    <Input
-                      id="search"
-                      name="search"
-                      type="text"
-                      value={query}
-                      onChange={(e) => setQuery(e.target.value)}
-                      placeholder="Search for shortcuts"
-                      className="w-full border-none bg-transparent py-1 text-11 text-secondary outline-none"
-                      autoFocus
-                      tabIndex={1}
-                    />
+                  <div className="px-5">
+                    <div className="flex w-full items-center rounded-sm border-[0.5px] border-subtle bg-surface-2 px-2">
+                      <SearchIcon className="h-3.5 w-3.5 text-secondary" />
+                      <Input
+                        id="search"
+                        name="search"
+                        type="text"
+                        value={query}
+                        onChange={(e) => setQuery(e.target.value)}
+                        placeholder="Search for shortcuts"
+                        className="w-full border-none bg-transparent py-1 text-11 text-secondary outline-none"
+                        autoFocus
+                        tabIndex={1}
+                      />
+                    </div>
                   </div>
-                  <ShortcutRenderer searchQuery={query} commands={allCommandsWithShortcuts} />
+
+                  <ScrollArea
+                    scrollType="always"
+                    orientation="vertical"
+                    size="sm"
+                    className="size-full grow overflow-y-scroll px-5"
+                  >
+                    <ShortcutRenderer searchQuery={query} commands={allCommandsWithShortcuts} />
+                  </ScrollArea>
                 </div>
               </Dialog.Panel>
             </Transition.Child>

From 6d497e919ccabf22094bd490de64f16c9e9a048d Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <bsaikrishnakanth97@gmail.com>
Date: Wed, 8 Apr 2026 18:56:35 +0530
Subject: [PATCH 3/4] fix: remove unnecessary changes

---
 apps/web/core/components/project/form.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/core/components/project/form.tsx b/apps/web/core/components/project/form.tsx
index 2d7575436f3..b14b63cd61f 100644
--- a/apps/web/core/components/project/form.tsx
+++ b/apps/web/core/components/project/form.tsx
@@ -418,7 +418,7 @@ export function ProjectDetailsForm(props: IProjectDetailsForm) {
                       onChange(value);
                     }}
                     error={Boolean(errors.timezone)}
-                    buttonClassName="!border-subtle !shadow-none font-medium rounded-md"
+                    buttonClassName="border-none"
                     disabled={!isAdmin}
                   />
                 </>

From 224bcf41abd21d6dfb765faed27e15b76ff1aff7 Mon Sep 17 00:00:00 2001
From: b-saikrishnakanth <bsaikrishnakanth97@gmail.com>
Date: Wed, 8 Apr 2026 19:18:51 +0530
Subject: [PATCH 4/4] fix: remove redundant overflow

---
 .../core/components/power-k/ui/modal/shortcuts-root.tsx    | 7 +------
 apps/web/core/components/power-k/ui/renderer/shortcut.tsx  | 2 +-
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx b/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx
index 23ad807eca1..acf392350cd 100644
--- a/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx
+++ b/apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx
@@ -86,12 +86,7 @@ export function ShortcutsModal(props: Props) {
                     </div>
                   </div>
 
-                  <ScrollArea
-                    scrollType="always"
-                    orientation="vertical"
-                    size="sm"
-                    className="size-full grow overflow-y-scroll px-5"
-                  >
+                  <ScrollArea size="sm" rootClassName="overflow-y-scroll px-5">
                     <ShortcutRenderer searchQuery={query} commands={allCommandsWithShortcuts} />
                   </ScrollArea>
                 </div>
diff --git a/apps/web/core/components/power-k/ui/renderer/shortcut.tsx b/apps/web/core/components/power-k/ui/renderer/shortcut.tsx
index c2a9f04cf6d..9f4d5098430 100644
--- a/apps/web/core/components/power-k/ui/renderer/shortcut.tsx
+++ b/apps/web/core/components/power-k/ui/renderer/shortcut.tsx
@@ -78,7 +78,7 @@ export function ShortcutRenderer(props: Props) {
   const isShortcutsEmpty = groupedCommands.length === 0;
 
   return (
-    <div className="flex flex-col gap-y-3 overflow-y-auto">
+    <div className="flex flex-col gap-y-3">
       {!isShortcutsEmpty ? (
         groupedCommands.map((group) => (
           <div key={group.key}>