diff --git a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx index 9e57707f7..a7ff8c255 100644 --- a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx +++ b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx @@ -355,6 +355,7 @@ const NodeBorder = styled.div<{tags: Tag[]; hovered: boolean}>((props) => ({ left: 0, bottom: 0, right: 0, + boxSizing: 'border-box', borderWidth: props.hovered ? '2px' : '1px', borderStyle: 'solid', color: 'transparent', diff --git a/desktop/plugins/public/ui-debugger/components/main.tsx b/desktop/plugins/public/ui-debugger/components/main.tsx index 7bc0d39a1..445c7072b 100644 --- a/desktop/plugins/public/ui-debugger/components/main.tsx +++ b/desktop/plugins/public/ui-debugger/components/main.tsx @@ -15,6 +15,7 @@ import { usePlugin, useValue, _Sidebar as ResizablePanel, + theme, } from 'flipper-plugin'; import {useHotkeys} from 'react-hotkeys-hook'; import {Id, Metadata, MetadataId, UINode} from '../types'; @@ -65,7 +66,7 @@ export function Component() { { instance.uiActions.setVisualiserWidth(width);