From 9291729ac0758048bdfa52b2e621b4fa378e620f Mon Sep 17 00:00:00 2001
From: Matthew Oliveira <m4olivei@gmail.com>
Date: Wed, 18 Dec 2024 08:39:25 -0500
Subject: [PATCH] fix(toc): address horizontal overflow (#12171)

### Related Ticket(s)

[ADCMS-7288](https://jsw.ibm.com/browse/ADCMS-7288)

### Description

Addresses horizontal scroll in the TOC.

### Changelog

**Changed**

- Adjustment to fix overflow issue with the horizontal TOC.

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
---
 .../scss/components/tableofcontents/_table-of-contents.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/styles/scss/components/tableofcontents/_table-of-contents.scss b/packages/styles/scss/components/tableofcontents/_table-of-contents.scss
index d63c6cd9cf5..3f84b32e114 100644
--- a/packages/styles/scss/components/tableofcontents/_table-of-contents.scss
+++ b/packages/styles/scss/components/tableofcontents/_table-of-contents.scss
@@ -340,7 +340,7 @@ $hover-transition-timing: 95ms;
 
   .#{$prefix}--toc__navbar-chevron-right-container {
     z-index: 2;
-    inset-inline-end: -$spacing-01;
+    inset-inline-end: 0;
 
     @include breakpoint(md) {
       inset-inline-end: -$spacing-05;
@@ -417,11 +417,11 @@ $hover-transition-timing: 95ms;
       border-block-start: 1px solid $border-subtle-00;
       content: '';
       inset-block-start: -1px;
-      inset-inline: calc(-50vw + 50%) 100%;
+      inset-inline: calc(-50vw + 50% + $spacing-03) 100%;
     }
 
     &::after {
-      inset-inline: 100% calc(-50vw + 50%);
+      inset-inline: 100% calc(-50vw + 50% + $spacing-03);
     }
   }