diff --git a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx b/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx index cb63d4c75..42f0528fe 100644 --- a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx +++ b/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx @@ -20,7 +20,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; + padding: ${theme.space.tiny / 2}px; &:focus-within, &:hover { diff --git a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx b/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx index 1a9de9fe6..34561c0c0 100644 --- a/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx +++ b/desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx @@ -10,6 +10,7 @@ import {CloseOutlined} from '@ant-design/icons'; import {Button, Space} from 'antd'; import * as React from 'react'; +import {theme} from '../theme'; import {PowerSearchAbsoluteDateTerm} from './PowerSearchAbsoluteDateTerm'; import {OperatorConfig} from './PowerSearchConfig'; import {PowerSearchEnumSetTerm} from './PowerSearchEnumSetTerm'; @@ -168,7 +169,7 @@ export const PowerSearchTerm: React.FC = ({ } return ( - + diff --git a/desktop/flipper-plugin/src/ui/PowerSearch/index.tsx b/desktop/flipper-plugin/src/ui/PowerSearch/index.tsx index 906b74521..525660fc5 100644 --- a/desktop/flipper-plugin/src/ui/PowerSearch/index.tsx +++ b/desktop/flipper-plugin/src/ui/PowerSearch/index.tsx @@ -129,11 +129,10 @@ export const PowerSearch: React.FC = ({ return ( - +