diff --git a/src/lib/threed/components/controls/LevaControls.tsx b/src/lib/threed/components/controls/LevaControls.tsx
index 8c7dfdee1..a83a7067f 100644
--- a/src/lib/threed/components/controls/LevaControls.tsx
+++ b/src/lib/threed/components/controls/LevaControls.tsx
@@ -404,7 +404,7 @@ export function ThreeDLevaControls() {
           // hideTitleBar={true} // default = false. true hides the GUI header
           theme={theme} // you can pass a custom theme (see the styling section)
           collapsed={false} // default = false. true makes the GUI collapsed to start
-          fill={true} // default = false. true makes the pane fill the parent dom node it's rendered in
+          fill={false} // default = false. true makes the pane fill the parent dom node it's rendered in
           flat={true} // default = false. true removes border radius and shadow
           hidden={false} // default = false. true hides the GUI
           neverHide={true} // default = true. false allows hiding of the GUI
diff --git a/src/lib/threed/components/controls/Toolbar.tsx b/src/lib/threed/components/controls/Toolbar.tsx
index ccd4c3928..b84764d57 100644
--- a/src/lib/threed/components/controls/Toolbar.tsx
+++ b/src/lib/threed/components/controls/Toolbar.tsx
@@ -1102,7 +1102,10 @@ const ThreeDToolbar: FC = (): React.ReactNode => {
           </Box>
 
           <Box
-            sx={{ flexGrow: 0 }} // , display: { xs: 'none', md: 'flex' }
+            sx={{ 
+              display: 'none', // , display: { xs: 'none', md: 'flex' }
+              flexGrow: 0 
+            }}
           >
             <Tooltip title='Pointer Tool'>
               <IconButton