diff --git a/src/theme/DocItem/Layout/styles.module.scss b/src/theme/DocItem/Layout/styles.module.scss
index b77cf88..c55160f 100644
--- a/src/theme/DocItem/Layout/styles.module.scss
+++ b/src/theme/DocItem/Layout/styles.module.scss
@@ -11,8 +11,8 @@
 }
 
 .root > aside {
-  width: 25vw;
-  flex-basis: 25vw;
+  width: calc(2 / 12 * 100vw);
+  flex-basis: calc(2 / 12 * 100vw);
   flex-grow: 0;
   flex-shrink: 0;
 }
diff --git a/src/theme/Footer/Layout/index.tsx b/src/theme/Footer/Layout/index.tsx
index 7e0fc7d..e87b8db 100644
--- a/src/theme/Footer/Layout/index.tsx
+++ b/src/theme/Footer/Layout/index.tsx
@@ -31,7 +31,7 @@ export default function FooterLayout(props: Props): JSX.Element {
         className={clsx(
           'row',
           'col',
-          'col--7',
+          'col--8',
           styles.footerContentWrapper,
           hiddenSidebar ? styles.withSidebarHide : '',
         )}
diff --git a/src/theme/Layout/index.tsx b/src/theme/Layout/index.tsx
index cd2e5cf..ef45ce7 100644
--- a/src/theme/Layout/index.tsx
+++ b/src/theme/Layout/index.tsx
@@ -6,7 +6,7 @@ import './styles.scss'
 
 export default function LayoutWrapper(props) {
   const isIndexPage = useIsVersionIndexPage()
-  const store = globalStore.useCreateStore({ hiddenSidebar: isIndexPage })
+  const store = globalStore.useCreateStore({ hiddenSidebar: false })
 
   return (
     <globalStore.Provider store={store}>
diff --git a/src/theme/Layout/styles.scss b/src/theme/Layout/styles.scss
index 3a49db9..00dd941 100644
--- a/src/theme/Layout/styles.scss
+++ b/src/theme/Layout/styles.scss
@@ -19,7 +19,7 @@
   top: 0;
   left: 0;
   height: 100%;
-  width: calc((7 / 12) * 100%);
+  width: calc((8 / 12) * 100%);
   background-color: var(--ifm-background-surface-color);
 }
 
diff --git a/src/theme/Navbar/Content/index.tsx b/src/theme/Navbar/Content/index.tsx
index 9a1119f..cae2501 100644
--- a/src/theme/Navbar/Content/index.tsx
+++ b/src/theme/Navbar/Content/index.tsx
@@ -113,7 +113,7 @@ export default function NavbarContent(): JSX.Element {
         </div>
       </div>
 
-      <div className={clsx('col col--5', styles.headerRight)}>
+      <div className={clsx('col col--4', styles.headerRight)}>
         <ShareButton />
         <NavbarColorModeToggle />
         {localeDropdown && (