diff --git a/src/components/table/RowCollapseOptions.tsx b/src/components/table/RowCollapseOptions.tsx
index ce90314c..532a96b4 100644
--- a/src/components/table/RowCollapseOptions.tsx
+++ b/src/components/table/RowCollapseOptions.tsx
@@ -12,7 +12,7 @@ const RowCollapseOptions = ({ children }: RowCollapseOptionsProps) => {
   return (
     <Collapse
       title={
-        <Button>
+        <Button variant='ghost' color='none'>
           <Icon icon='material-symbols:more-vert' width={16} height={16} />
         </Button>
       }
diff --git a/src/components/table/RowDropdownOptions.tsx b/src/components/table/RowDropdownOptions.tsx
index 1f1bc81b..a2535c2b 100644
--- a/src/components/table/RowDropdownOptions.tsx
+++ b/src/components/table/RowDropdownOptions.tsx
@@ -21,7 +21,7 @@ const RowDropdownOptions = ({
         'dropdown-end': isLast2Rows,
       })}
     >
-      <Button tabIndex={0}>
+      <Button tabIndex={0} variant='ghost' color='none'>
         <Icon icon='material-symbols:more-vert' width={16} height={16} />
       </Button>