From a0d9403c87165fc9bf756f98a368196208f62059 Mon Sep 17 00:00:00 2001
From: Alison Joseph <alison.joseph@us.ibm.com>
Date: Fri, 14 Jul 2023 12:22:47 -0500
Subject: [PATCH] fix: overflow menu bg color on color tokens page (#3643)

* fix: overflow menu bg color on color tokens page

* fix: tooltip alignment

* fix: tooltip alignment

* fix: typo

---------

Co-authored-by: Francine Lucca <40550942+francinelucca@users.noreply.github.com>
---
 src/components/ColorTokenTable/ColorTokenTable.js     | 2 +-
 src/components/ColorTokenTable/color-token-table.scss | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

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>
diff --git a/src/components/ColorTokenTable/color-token-table.scss b/src/components/ColorTokenTable/color-token-table.scss
index 35cfdd7462f..68dc646903c 100644
--- a/src/components/ColorTokenTable/color-token-table.scss
+++ b/src/components/ColorTokenTable/color-token-table.scss
@@ -74,11 +74,15 @@
   justify-content: space-between;
 }
 
-.color-token-value .cds--overflow-menu {
+.color-token-value .cds--overflow-menu__wrapper {
   margin-left: $spacing-03;
   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;