Fix styles of non-interactive elements

Summary: Make non-interactive elements non-focusable and disable hover styles for them

Reviewed By: LukeDefeo

Differential Revision: D49455532

fbshipit-source-id: a047e1a149ab4131feef70b80a4995b455441701

desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx

@@ -167,9 +167,13 @@ export const PowerSearchTerm: React.FC<PowerSearchTermProps> = ({
 
   return (
     <Space.Compact block size="small">
-      <Button>{searchTerm.field.label}</Button>
+      <Button tabIndex={-1} style={{pointerEvents: 'none'}}>
+        {searchTerm.field.label}
+      </Button>
       {searchTerm.operator.label ? (
-        <Button>{searchTerm.operator.label}</Button>
+        <Button tabIndex={-1} style={{pointerEvents: 'none'}}>
+          {searchTerm.operator.label}
+        </Button>
       ) : null}
       {searchValueComponent}
       <Button