diff --git a/src/components/table.jsx b/src/components/table.jsx
index 52b244e..f6d90f2 100644
--- a/src/components/table.jsx
+++ b/src/components/table.jsx
@@ -206,9 +206,10 @@ export default function Table(props) {
                     icon={<IconMore />}
                     type="tertiary"
                     size="small"
-                    theme="solid"
                     style={{
                       opacity: "0.7",
+                      backgroundColor: "grey",
+                      color: "white",
                     }}
                   ></Button>
                 </Popover>
diff --git a/src/index.css b/src/index.css
index 41089e6..053cce5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -21,6 +21,26 @@
   border: none !important;
 }
 
+.semi-button.semi-button-light {
+  background-color: rgba(var(--semi-grey-1), 1);
+}
+
+.semi-button.semi-button-light:hover {
+  background-color: rgba(var(--semi-grey-2), 1);
+}
+
+.semi-button.semi-button-primary:not(.semi-button-light):not(
+    .semi-button-borderless
+  ) {
+  background-color: rgba(var(--semi-blue-5), 1);
+}
+
+.semi-button.semi-button-primary:not(.semi-button-light):not(
+    .semi-button-borderless
+  ):hover {
+  background-color: rgba(var(--semi-blue-6), 1);
+}
+
 ::-webkit-scrollbar {
   width: 8px;
 }