CommandPalette - Update input padding

Author: ryanlanciaux

src/CommandPalette/CommandButtonRow.tsx

@@ -11,7 +11,12 @@ export const CommandButtonRow: FC<CommandButtonRowProps> = ({
   ...props
 }) => {
   return (
-    <button type="button" {...props} className="command-palette-row">
+    <button
+      type="button"
+      {...props}
+      className="command-palette-row"
+      tabIndex={-1}
+    >
       <span className="command-name">{children}</span>
       <span>
         {shortCut.map(shortcut => (

src/CommandPalette/CommandPalette.css

@@ -85,7 +85,7 @@ button.command-palette-row span > *:not(:last-child) {
   box-sizing: border-box;
   width: 100%;
   font-size: 24px;
-  padding: 4px;
+  padding: 8px;
 }
 
 .command-palette-input-row input:focus {