diff --git a/src/renderer/components/animate/animate.scss b/src/renderer/components/animate/animate.scss
index 6272e9f62b..ec5900e958 100644
--- a/src/renderer/components/animate/animate.scss
+++ b/src/renderer/components/animate/animate.scss
@@ -63,6 +63,6 @@
   }
 
   &.opacity-scale {
-    @include animate-opacity-scale;
+    @include animate-opacity-scale(100ms);
   }
 }
diff --git a/src/renderer/components/command-palette/command-container.tsx b/src/renderer/components/command-palette/command-container.tsx
index d74f00f8ef..848b7d7335 100644
--- a/src/renderer/components/command-palette/command-container.tsx
+++ b/src/renderer/components/command-palette/command-container.tsx
@@ -73,7 +73,7 @@ export class CommandContainer extends React.Component<{ clusterId?: string }> {
 
   render() {
     return (
-      <Dialog isOpen={!!this.commandComponent} animated={false} onClose={() => this.commandComponent = null} modal={false}>
+      <Dialog isOpen={!!this.commandComponent} animated={true} onClose={() => this.commandComponent = null} modal={false}>
         <div id="command-container">
           {this.commandComponent}
         </div>