diff --git a/packages/richtext-lexical/src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.scss b/packages/richtext-lexical/src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.scss
index 2951d3951f..779d0cf4a4 100644
--- a/packages/richtext-lexical/src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.scss
+++ b/packages/richtext-lexical/src/features/experimental_table/client/plugins/TableActionMenuPlugin/index.scss
@@ -24,7 +24,9 @@
 
 html[data-theme='light'] {
   .table-action-menu-dropdown {
-    @include shadow-m;
+    box-shadow:
+      0px 1px 2px 1px rgba(0, 0, 0, 0.05),
+      0px 4px 8px 0px rgba(0, 0, 0, 0.1);
   }
 }
 
@@ -32,17 +34,26 @@ html[data-theme='light'] {
   z-index: 100;
   display: block;
   position: fixed;
-  background: var(--color-base-0);
+  background: var(--theme-input-bg);
   min-width: 160px;
-  color: var(--color-base-800);
   border-radius: $style-radius-m;
   min-height: 40px;
   overflow-y: auto;
+  box-shadow:
+    0px 1px 2px 1px rgba(0, 0, 0, 0.1),
+    0px 4px 16px 0px rgba(0, 0, 0, 0.2),
+    0px -4px 8px 0px rgba(0, 0, 0, 0.1);
+
+  hr {
+    border: none;
+    height: 1px;
+    background-color: var(--theme-elevation-200);
+  }
 
   .item {
     padding: 8px;
-    color: var(--color-base-900);
-    background: var(--color-base-0);
+    color: var(--theme-elevation-900);
+    background: var(--theme-input-bg);
     cursor: pointer;
     font-size: 13px;
     font-family: var(--font-body);
@@ -56,7 +67,7 @@ html[data-theme='light'] {
     width: 100%;
 
     &:hover {
-      background: var(--color-base-100);
+      background: var(--theme-elevation-100);
     }
   }
 }