diff --git a/demo/playground/hmr-playground.tsx b/demo/playground/hmr-playground.tsx
index a6aceeed..1da0eec5 100644
--- a/demo/playground/hmr-playground.tsx
+++ b/demo/playground/hmr-playground.tsx
@@ -121,10 +121,6 @@ const RedocPlayground = () => {
 };
 
 const Header = styled.div`
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 200;
   text-align: right;
   height: 30px;
   padding: 19px;
diff --git a/src/components/Redoc/styled.elements.tsx b/src/components/Redoc/styled.elements.tsx
index ebb30df1..e3a67dd5 100644
--- a/src/components/Redoc/styled.elements.tsx
+++ b/src/components/Redoc/styled.elements.tsx
@@ -29,12 +29,13 @@ export const ApiContentWrap = styled.div`
   z-index: 1;
   position: relative;
   overflow: hidden;
-  width: calc(100% - ${props => props.theme.menu.width});
+  width: 100%;
   ${media.lessThan('small', true)`
     width: 100%;
   `};
 
   contain: layout;
+  padding-left: 260px;
 `;
 
 export const BackgroundStub = styled.div`
diff --git a/src/components/StickySidebar/StickyResponsiveSidebar.tsx b/src/components/StickySidebar/StickyResponsiveSidebar.tsx
index 651f4586..0391a62f 100644
--- a/src/components/StickySidebar/StickyResponsiveSidebar.tsx
+++ b/src/components/StickySidebar/StickyResponsiveSidebar.tsx
@@ -32,7 +32,7 @@ const StyledStickySidebar = styled.div<{ open?: boolean }>`
   contain: strict;
 
   height: 100vh;
-  position: sticky;
+  position: fixed;
   position: -webkit-sticky;
   top: 0;
   border-right: 1px solid rgb(243, 243, 243);