diff --git a/apps/ligo-virgo/src/pages/workspace/docs/workspace-name.tsx b/apps/ligo-virgo/src/pages/workspace/docs/workspace-name.tsx
index dd898a860e..6b353cf43d 100644
--- a/apps/ligo-virgo/src/pages/workspace/docs/workspace-name.tsx
+++ b/apps/ligo-virgo/src/pages/workspace/docs/workspace-name.tsx
@@ -1,6 +1,6 @@
 import {
     MuiButton as Button,
-    MuiSwitch as Switch,
+    Switch,
     styled,
     MuiOutlinedInput as OutlinedInput,
 } from '@toeverything/components/ui';
@@ -155,12 +155,11 @@ export const WorkspaceName = () => {
                     </WorkspaceNameContainer>
                 )}
             </LeftContainer>
-            <ToggleDisplayContainer>
-                <span>{fixedDisplay ? 'ON' : 'OFF'}</span>
+            <ToggleDisplayContainer onClick={toggleSpaceSidebar}>
                 <Switch
                     checked={fixedDisplay}
-                    onChange={toggleSpaceSidebar}
-                    size="small"
+                    checkedLabel="ON"
+                    uncheckedLabel="OFF"
                 />
             </ToggleDisplayContainer>
         </WorkspaceContainer>