From e5147784a9823169933fb3ebba6421fe849100c8 Mon Sep 17 00:00:00 2001
From: Andrey Goncharov <aigoncharov@meta.com>
Date: Wed, 30 Aug 2023 07:26:35 -0700
Subject: [PATCH] Polish spacing

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

Reviewed By: lblasa

Differential Revision: D48644764

fbshipit-source-id: 1da41635f349da1d320c25175dd9a8d2b82d3c73
---
 .../flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx | 1 +
 desktop/flipper-plugin/src/ui/PowerSearch/index.tsx            | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx b/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx
index d1a3ff9c1..a25e4347b 100644
--- a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx
+++ b/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 {
diff --git a/desktop/flipper-plugin/src/ui/PowerSearch/index.tsx b/desktop/flipper-plugin/src/ui/PowerSearch/index.tsx
index b94114718..3cf14e4a8 100644
--- a/desktop/flipper-plugin/src/ui/PowerSearch/index.tsx
+++ b/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;