fix: Cmd+K styling does not match context menus

closes #4701

app/components/CommandBarItem.tsx

@@ -92,7 +92,9 @@ const Content = styled(Flex)`
 
 const Item = styled.div<{ active?: boolean }>`
   font-size: 15px;
-  padding: 10px 16px;
+  padding: 9px 12px;
+  margin: 0 8px;
+  border-radius: 4px;
   background: ${(props) =>
     props.active ? props.theme.menuItemSelected : "none"};
   display: flex;
@@ -103,6 +105,7 @@ const Item = styled.div<{ active?: boolean }>`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
+  user-select: none;
   min-width: 0;
 
   ${(props) =>

app/components/Key.ts

@@ -12,13 +12,12 @@ const Key = styled.kbd<Props>`
   font-family: ${(props) =>
     props.symbol ? props.theme.fontFamily : props.theme.fontFamilyMono};
   line-height: 10px;
-  color: ${(props) => props.theme.almostBlack};
+  color: ${(props) => props.theme.textSecondary};
   vertical-align: middle;
   background-color: ${(props) => props.theme.smokeLight};
   border: solid 1px ${(props) => props.theme.slateLight};
   border-bottom-color: ${(props) => props.theme.slate};
   border-radius: 3px;
-  box-shadow: inset 0 -1px 0 ${(props) => props.theme.slate};
 `;
 
 export default Key;