diff --git a/packages/web/src/commands/CommandPalette.svelte b/packages/web/src/commands/CommandPalette.svelte
index 0f286f25a..419cddd18 100644
--- a/packages/web/src/commands/CommandPalette.svelte
+++ b/packages/web/src/commands/CommandPalette.svelte
@@ -67,7 +67,7 @@
   </div>
   {#each filteredItems as command, index}
     <div class="command" class:selected={index == selectedIndex} on:click={() => handleCommand(command)}>
-      <div>{command.category}: {command.name}</div>
+      <div>{command.text}</div>
       {#if command.keyText}
         <div class="shortcut">{command.keyText}</div>
       {/if}
diff --git a/packages/web/src/commands/registerCommand.ts b/packages/web/src/commands/registerCommand.ts
index 4bc1ed714..7dc3bf59f 100644
--- a/packages/web/src/commands/registerCommand.ts
+++ b/packages/web/src/commands/registerCommand.ts
@@ -9,6 +9,7 @@ export interface GlobalCommand {
   id: string;
   category: string;
   name: string;
+  text: string /* category: name */;
   keyText?: string;
   getSubCommands?: () => SubCommand[];
   onClick?: Function;
@@ -26,6 +27,7 @@ export default function registerCommand(command: GlobalCommand) {
   commands.update(x => ({
     ...x,
     [command.id]: {
+      text: `${command.category}: ${command.name}`,
       ...command,
       enabled: !enabledStore,
     },
diff --git a/packages/web/src/widgets/ToolbarButton.svelte b/packages/web/src/widgets/ToolbarButton.svelte
index 7b313cdd9..8fb96a8c7 100644
--- a/packages/web/src/widgets/ToolbarButton.svelte
+++ b/packages/web/src/widgets/ToolbarButton.svelte
@@ -32,7 +32,6 @@
     display: flex;
   }
   .button.disabled {
-    background: var(--theme-bg-2);
     color: var(--theme-font-3);
   }
   .button:hover {