From 93edb504857333f095472041bce29795342a7cb5 Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Thu, 13 Jul 2023 13:29:42 -0500
Subject: [PATCH 1/4] fix: overflow menu bg color on color tokens page

---
 src/components/ColorTokenTable/color-token-table.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/ColorTokenTable/color-token-table.scss b/src/components/ColorTokenTable/color-token-table.scss
index 35cfdd7462f..5543c65d6f8 100644
--- a/src/components/ColorTokenTable/color-token-table.scss
+++ b/src/components/ColorTokenTable/color-token-table.scss
@@ -79,6 +79,10 @@
   margin-top: -$spacing-03;
 }
 
+.color-token-value .cds--overflow-menu.cds--overflow-menu--open {
+  background-color: $layer-02;
+}
+
 .color-token-value .cds--overflow-menu-options {
   left: -9.25rem;
   top: $spacing-07;

From 09e0512eb5823169fad7d3e61a17151055304adc Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Thu, 13 Jul 2023 14:46:39 -0500
Subject: [PATCH 2/4] fix: tooltip alignment

---
 src/components/ColorTokenTable/ColorTokenTable.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ColorTokenTable/ColorTokenTable.js b/src/components/ColorTokenTable/ColorTokenTable.js
index cd9ed5a780a..2a0d6555c4c 100644
--- a/src/components/ColorTokenTable/ColorTokenTable.js
+++ b/src/components/ColorTokenTable/ColorTokenTable.js
@@ -102,7 +102,7 @@ export default class ColorTokenTable extends React.Component {
                 value[currentTheme].hex === '#ffffff' && '1px solid #BEBEBE',
             }}
           />
-          <OverflowMenu floatingMenu={false} flipped>
+          <OverflowMenu floatingMenu={false} flipped align="top-right">
             <CopyToClipboard text={value[currentTheme].hex}>
               <OverflowMenuItem primaryFocus itemText="Copy hex" />
             </CopyToClipboard>

From f93a0bdb97291bdf19aed7543d9d30520cbe86dc Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Thu, 13 Jul 2023 20:50:36 -0500
Subject: [PATCH 3/4] fix: tooltip alignment

---
 src/components/ColorTokenTable/color-token-table.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ColorTokenTable/color-token-table.scss b/src/components/ColorTokenTable/color-token-table.scss
index 5543c65d6f8..ca2e412dec2 100644
--- a/src/components/ColorTokenTable/color-token-table.scss
+++ b/src/components/ColorTokenTable/color-token-table.scss
@@ -74,7 +74,7 @@
   justify-content: space-between;
 }
 
-.color-token-value .cds--overflow-menu {
+.color-token-value .cds--overflow-men__wrapper {
   margin-left: $spacing-03;
   margin-top: -$spacing-03;
 }

From e57ba61d92aef7bc425a006b15ee635b80d45c2d Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Thu, 13 Jul 2023 20:51:29 -0500
Subject: [PATCH 4/4] fix: typo

---
 src/components/ColorTokenTable/color-token-table.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ColorTokenTable/color-token-table.scss b/src/components/ColorTokenTable/color-token-table.scss
index ca2e412dec2..68dc646903c 100644
--- a/src/components/ColorTokenTable/color-token-table.scss
+++ b/src/components/ColorTokenTable/color-token-table.scss
@@ -74,7 +74,7 @@
   justify-content: space-between;
 }
 
-.color-token-value .cds--overflow-men__wrapper {
+.color-token-value .cds--overflow-menu__wrapper {
   margin-left: $spacing-03;
   margin-top: -$spacing-03;
 }