Merge pull request #3601 from meese-enterprises/fix/misc-ui-fixes

Website UI improvements: hero x-index order and sidebar scrollbar

Author: alcuadrado

docs/src/components/DocumentationLayout.tsx

@@ -92,7 +92,7 @@ export const SidebarContainer = styled.aside<{ isSidebarOpen: boolean }>`
   left: ${({ isSidebarOpen }) => (isSidebarOpen ? "0px" : "-120vw")};
   height: calc(100vh - 136px);
   display: flex;
-  overflow-y: scroll;
+  overflow-y: auto;
   transition: all ease-out 0.25s;
   z-index: 50;
   background-color: ${tm(({ colors }) => colors.neutral0)};

docs/src/components/landingBlocks/HeroBlock.tsx

@@ -45,7 +45,7 @@ const Block = styled.div`
   padding: 0 0 24px;
   min-height: 100px;
   &.content {
-    z-index: 1;
+    z-index: 2;
   }
   & svg {
     margin: 0 auto;