Edit and actions updates

packages/ui/components/Button.tsx

@@ -19,6 +19,12 @@ const buttonColors = {
   destructive: colors.brightRed,
 };
 
+const buttonHighlightColors = {
+  primary: colors.darkBlue,
+  secondary: colors.highlightGray,
+  destructive: colors.mediumRed,
+};
+
 export const InternalButton: FC<InternalButtonProps> = ({
   text,
   color,
@@ -41,6 +47,9 @@ export const InternalButton: FC<InternalButtonProps> = ({
       margin: 0,
       whiteSpace: "nowrap",
       textTransform: "none",
+      "&:hover": {
+        backgroundColor: buttonHighlightColors[kind ?? "secondary"],
+      },
     }}
   >
     {text}