diff --git a/packages/docs/sandboxes/demo-dockview/src/app.tsx b/packages/docs/sandboxes/demo-dockview/src/app.tsx
index 9a633ecf6..259bb70e4 100644
--- a/packages/docs/sandboxes/demo-dockview/src/app.tsx
+++ b/packages/docs/sandboxes/demo-dockview/src/app.tsx
@@ -124,54 +124,54 @@ const RightControls = (props: IDockviewHeaderActionsProps) => {
         return groupControlsComponents[props.activePanel.id];
     }, [props.isGroupActive, props.activePanel]);
 
-    const [icon, setIcon] = React.useState<string>(
-        props.containerApi.hasMaximizedGroup()
-            ? 'collapse_content'
-            : 'expand_content'
-    );
+    // const [icon, setIcon] = React.useState<string>(
+    //     props.containerApi.hasMaximizedGroup()
+    //         ? 'collapse_content'
+    //         : 'expand_content'
+    // );
 
-    const [popoutIcon, setPopoutIcon] = React.useState<string>(
-        props.api.location === 'popout' ? 'close_fullscreen' : 'open_in_new'
-    );
+    // const [popoutIcon, setPopoutIcon] = React.useState<string>(
+    //     props.api.location === 'popout' ? 'close_fullscreen' : 'open_in_new'
+    // );
 
-    React.useEffect(() => {
-        const disposable = props.containerApi.onDidMaxmizedGroupChange(() => {
-            setIcon(
-                props.containerApi.hasMaximizedGroup()
-                    ? 'collapse_content'
-                    : 'expand_content'
-            );
-        });
+    // React.useEffect(() => {
+    //     const disposable = props.containerApi.onDidMaxmizedGroupChange(() => {
+    //         setIcon(
+    //             props.containerApi.hasMaximizedGroup()
+    //                 ? 'collapse_content'
+    //                 : 'expand_content'
+    //         );
+    //     });
 
-        const disposable2 = props.api.onDidLocationChange(() => {
-            setPopoutIcon(
-                props.api.location === 'popout'
-                    ? 'close_fullscreen'
-                    : 'open_in_new'
-            );
-        });
+    //     const disposable2 = props.api.onDidLocationChange(() => {
+    //         setPopoutIcon(
+    //             props.api.location === 'popout'
+    //                 ? 'close_fullscreen'
+    //                 : 'open_in_new'
+    //         );
+    //     });
 
-        return () => {
-            disposable.dispose();
-            disposable2.dispose();
-        };
-    }, [props.containerApi]);
+    //     return () => {
+    //         disposable.dispose();
+    //         disposable2.dispose();
+    //     };
+    // }, [props.containerApi]);
 
-    const onClick = () => {
-        if (props.containerApi.hasMaximizedGroup()) {
-            props.containerApi.exitMaxmizedGroup();
-        } else {
-            props.activePanel?.api.maximize();
-        }
-    };
+    // const onClick = () => {
+    //     if (props.containerApi.hasMaximizedGroup()) {
+    //         props.containerApi.exitMaxmizedGroup();
+    //     } else {
+    //         props.activePanel?.api.maximize();
+    //     }
+    // };
 
-    const onClick2 = () => {
-        if (props.api.location !== 'popout') {
-            props.containerApi.addPopoutGroup(props.group);
-        } else {
-            props.api.moveTo({ position: 'right' });
-        }
-    };
+    // const onClick2 = () => {
+    //     if (props.api.location !== 'popout') {
+    //         props.containerApi.addPopoutGroup(props.group);
+    //     } else {
+    //         props.api.moveTo({ position: 'right' });
+    //     }
+    // };
 
     return (
         <div
@@ -186,8 +186,8 @@ const RightControls = (props: IDockviewHeaderActionsProps) => {
         >
             {props.isGroupActive && <Icon icon="star" />}
             {Component && <Component />}
-            <Icon icon={popoutIcon} onClick={onClick2} />
-            <Icon icon={icon} onClick={onClick} />
+            {/* <Icon icon={popoutIcon} onClick={onClick2} />
+            <Icon icon={icon} onClick={onClick} /> */}
         </div>
     );
 };