Polish spacing

Summary: Project doc: https://docs.google.com/document/d/1miofxds9DJgWScj0zFyBbdpRH5Rj0T9FqiCapof5-vU

Reviewed By: lblasa

Differential Revision: D48644764

fbshipit-source-id: 1da41635f349da1d320c25175dd9a8d2b82d3c73

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

@@ -17,6 +17,7 @@ const containerStyle = css`
   border-radius: ${theme.borderRadius};
   border: 1px solid ${theme.borderColor};
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  padding: 0 ${theme.space.tiny}px;
 
   &:focus-within,
   &:hover {

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

@@ -23,6 +23,7 @@ import {
 } from './PowerSearchTerm';
 import {useLatestRef} from '../../utils/useLatestRef';
 import {useUpdateEffect} from 'react-use';
+import {theme} from '../theme';
 
 export {PowerSearchConfig};
 
@@ -91,7 +92,7 @@ export const PowerSearch: React.FC<PowerSearchProps> = ({
 
   return (
     <PowerSearchContainer>
-      <Space size={[0, 8]}>
+      <Space size={[theme.space.tiny, 0]}>
         {searchExpression.map((searchTerm, i) => {
           const isLastTerm = i === searchExpression.length - 1;