From aba231e92185df928accef9c3170c66884f8748d Mon Sep 17 00:00:00 2001
From: Miki <miki@amazon.com>
Date: Wed, 18 Oct 2023 15:49:11 -0700
Subject: [PATCH] Fix the width available to page content (#5299)

Signed-off-by: Miki <miki@amazon.com>
---
 _sass/_nested-nav.scss   | 7 +++++++
 _sass/custom/custom.scss | 7 ++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/_sass/_nested-nav.scss b/_sass/_nested-nav.scss
index 792d0e98..c6de88b5 100644
--- a/_sass/_nested-nav.scss
+++ b/_sass/_nested-nav.scss
@@ -69,6 +69,13 @@
         }
       }
 
+      &:last-child {
+        > ul {
+          right: .5em;
+          left: auto;
+        }
+      }
+
       &:hover {
         > ul {
           display: block;
diff --git a/_sass/custom/custom.scss b/_sass/custom/custom.scss
index 93345de3..1b8777c4 100755
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@@ -286,7 +286,8 @@ img {
   position: fixed;
   bottom: 30px;
   right: 16px;
-  z-index: 1;
+  z-index: 999;
+
   svg {
     transform: rotate(-90deg);
   }
@@ -515,6 +516,10 @@ p.label {
 // Adds TOC to right hand side in xl layout
 .main-content-wrap {
   width: 100%;
+
+  @include mq(xl) {
+    width: calc(100% - #{$toc-width});
+  }
 }
 
 .toc-wrap {