diff --git a/src/lib/components/CommandPalette/CommandPalette.svelte b/src/lib/components/CommandPalette/CommandPalette.svelte
index 954ad5b37..e890bc307 100644
--- a/src/lib/components/CommandPalette/CommandPalette.svelte
+++ b/src/lib/components/CommandPalette/CommandPalette.svelte
@@ -190,7 +190,7 @@
class="text-color-500 flex w-full items-center gap-2 rounded-lg p-2 px-2 outline-none"
>
- {command.title}
+ {command.title}
{#if command.hotkey}
{#each command.hotkey.split('+') as key}
{key}
@@ -216,9 +216,16 @@
}
.command-palette-input-field {
@apply flex-1 border-0 bg-transparent p-2 outline-none focus:outline-none active:outline-none;
+ outline: none;
+ }
+ .command-palette-input-field:focus {
+ outline: 0;
+ outline-offset: 0;
+ box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(37, 99, 235, 0) 0px 0px 0px 2px,
+ rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}
.command-palette-section-header {
- @apply mx-2 mb-2 mt-2 cursor-default select-none py-2 text-sm font-semibold text-zinc-300;
+ @apply mx-2 mb-2 mt-2 cursor-default select-none pt-2 text-sm font-semibold text-zinc-400;
}
.quick-command-key {
@apply rounded-sm border border-[#3A393F] bg-[#343338] px-[3px] font-mono text-[11px] shadow;