diff --git a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx
index ea0c10367..dfb13db5e 100644
--- a/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx
+++ b/desktop/plugins/public/ui-debugger/components/Visualization2D.tsx
@@ -111,6 +111,9 @@ export const Visualization2D: React.FC<
//this div is to ensure that the size of the visualiser doesnt change when focusings on a subtree
style={
{
+ overflowY: 'auto',
+ overflowX: 'hidden',
+ position: 'relative', //this is for the absolutely positioned overlays
[pxScaleFactorCssVar]: pxScaleFactor,
width: toPx(focusState.actualRoot.bounds.width),
height: toPx(focusState.actualRoot.bounds.height),
diff --git a/desktop/plugins/public/ui-debugger/components/main.tsx b/desktop/plugins/public/ui-debugger/components/main.tsx
index 5eeab1107..821918215 100644
--- a/desktop/plugins/public/ui-debugger/components/main.tsx
+++ b/desktop/plugins/public/ui-debugger/components/main.tsx
@@ -96,13 +96,11 @@ export function Component() {
instance.uiActions.setVisualiserWidth(width);
}}
gutter>
-
-
-
+
>): UIActions {
};
const setVisualiserWidth = (width: number) => {
- console.log('w', width);
uiState.visualiserWidth.set(width);
};