Adjust context menu styles

2026-05-08 21:10:12 +02:00 · 2023-01-30 01:04:38 -08:00
parent 59f4f43e84
commit 5e693313d8
2 changed files with 21 additions and 6 deletions
@@ -350,13 +350,19 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
              return (
                <Fragment key={`context-menu-${item.id}`}>
                  <ContextMenuButton
+                    as="button"
                    disabled={item.disabled}
-                    variant="default"
                    onClick={contextMenuItems[item.id as keyof typeof contextMenuItems].onClick}
                  >
                    {contextMenuItems[item.id as keyof typeof contextMenuItems].label}
                  </ContextMenuButton>
-                  {item.divider && <Divider key={`context-menu-divider-${item.id}`} />}
+                  {item.divider && (
+                    <Divider
+                      key={`context-menu-divider-${item.id}`}
+                      color="rgb(62, 62, 62)"
+                      size="sm"
+                    />
+                  )}
                </Fragment>
              );
            })}