diff --git a/docs/pages/console/basics/workspaces.mdx b/docs/pages/console/basics/settings/workspaces.mdx
similarity index 51%
rename from docs/pages/console/basics/workspaces.mdx
rename to docs/pages/console/basics/settings/workspaces.mdx
index 15fd9b6..a0c2921 100644
--- a/docs/pages/console/basics/workspaces.mdx
+++ b/docs/pages/console/basics/settings/workspaces.mdx
@@ -6,34 +6,34 @@ sidebar_position: 6
 
 # Workspaces
 
-The Workspace section, located within the Settings tab of the Polkadot Developer Console, provides developers with essential functionalities for managing their workspace state, enabling personal convenience and collaboration.
+Workspaces provide developers with essential functionalities for managing their workspace state by providing import and export capabilities, as well as the ability to reset the workspace to its default state. 
+
+Workspaces back up your open tabs, tags, active page settings, and even ative search terms, allowing you to save your workspace state for future reference or collaboration with others.
 
 To access the Workspace settings:
 
 1. Click on the Settings cog icon located on the far right of the console interface.
 2. In the Settings menu, select the "Workspace" tab.
 
-The Workspace section offers the following key features:
+![Interface Overview](/png/workspaces/hero.png)
 
 ## Export Workspace
 
-Developers can export their current workspace state by clicking the "Export Workspace" button.
+Developers can export their current workspace state by clicking the __Export Workspace__ button.
 
-- Exporting the workspace generates a .json file that contains the current state of the developer's tabs, tags, chain search, and active page settings.
+- Exporting the workspace generates a `.json` file that contains the current state of the developer's tabs, tags, chain search, and active page settings.
 - This exported file can be saved locally for personal reference or shared with others for collaboration purposes.
 
 ## Import Workspace
 
-Developers can import a previously exported workspace by clicking the "Import Workspace" button.
+Developers can import a previously exported workspace by clicking the __Import Workspace__ button.
 
-- Importing a workspace will replace the current workspace with the state contained in the imported .json file.
+- Importing a workspace will replace the current workspace with the state contained in the imported `.json` file.
 - This feature allows developers to restore a previous workspace state or collaborate with others by importing a shared workspace file.
 - Importing a workspace will overwrite the current tabs, custom tag settings, and other workspace-related configurations.
 
 ## Reset Workspace
 
-The "Reset Workspace" button allows developers to reset their workspace to its default state.
-
-- Resetting the workspace will clear all current tabs, custom tag settings, and other workspace-related configurations.
+The __Reset Workspace__ button allows developers to reset their workspace to its default state.
 
-By leveraging the Workspace functionality, developers can streamline their workflow, maintain their preferred console setup, and seamlessly collaborate with others by sharing workspace configurations.
\ No newline at end of file
+- Resetting the workspace will clear all current tabs, custom tag settings, and other workspace-related configurations.
\ No newline at end of file
diff --git a/docs/public/png/interface-overview/hero.png b/docs/public/png/interface-overview/hero.png
index c3ab4a6..e8f56d1 100644
Binary files a/docs/public/png/interface-overview/hero.png and b/docs/public/png/interface-overview/hero.png differ
diff --git a/docs/public/png/workspaces/hero.png b/docs/public/png/workspaces/hero.png
new file mode 100644
index 0000000..28a3f2a
Binary files /dev/null and b/docs/public/png/workspaces/hero.png differ
diff --git a/vocs.config.tsx b/vocs.config.tsx
index 63fcef5..a732622 100644
--- a/vocs.config.tsx
+++ b/vocs.config.tsx
@@ -37,9 +37,16 @@ export default defineConfig({
               text: 'Interface Overview',
               link: '/console/basics/interface-overview',
             },
+
             {
-              text: 'Workspaces',
-              link: '/console/basics/workspaces',
+              text: 'Settings',
+              collapsed: false,
+              items: [
+                {
+                  text: 'Workspaces',
+                  link: '/console/basics/settings/workspaces',
+                },
+              ],
             },
           ],
         },