fix some leftover stitches to-do items

components/CodeBlock/CodeBlock.tsx

@@ -89,18 +89,13 @@ const CornerCopyButton = styled(CopyButton, {
   top: 0,
   right: 0,
   padding: "0.65em",
-  color: "$mediumDark",
   backgroundColor: "$backgroundInner",
   border: "1px solid $kindaLight",
-  borderTopRightRadius: "$radii$rounded",
-  borderEndStartRadius: "$radii$rounded",
+  borderTopRightRadius: "$rounded",
+  borderBottomLeftRadius: "$rounded",
 
   // light-dark theme switch fading
   transition: "background 0.25s ease, border 0.25s ease",
-
-  "&:hover": {
-    color: "$link",
-  },
 });
 
 export type CodeBlockProps = ComponentProps<typeof Code> & {

components/ContactForm/ContactForm.tsx

@@ -64,7 +64,7 @@ const SubmitButton = styled("button", {
   height: "3.25em",
   padding: "1em 1.25em",
   marginRight: "1.5em",
-  border: "0",
+  border: 0,
   borderRadius: "$rounded",
   cursor: "pointer",
   userSelect: "none",

components/CopyButton/CopyButton.tsx

@@ -10,9 +10,16 @@ const Button = styled("button", {
   cursor: "pointer",
 
   variants: {
-    success: {
+    copied: {
       true: {
-        color: "$success !important",
+        color: "$success",
+      },
+      false: {
+        color: "$mediumDark",
+
+        "&:hover": {
+          color: "$link",
+        },
       },
     },
   },
@@ -69,7 +76,7 @@ const CopyButton = forwardRef(function CopyButton(
       aria-label="Copy to clipboard"
       onClick={handleCopy}
       disabled={!!copied}
-      success={copied}
+      copied={copied}
       ref={ref}
     >
       <Icon as={copied ? CheckOcticon : ClipboardOcticon} />

components/MenuItem/MenuItem.tsx

@@ -9,18 +9,20 @@ const Link = styled("a", {
   textDecoration: "none",
   padding: "0.6em",
 
-  "&:hover": {
-    borderBottom: "0.2em solid",
-    marginBottom: "-0.2em",
-    borderColor: "$kindaLight",
-  },
-
   variants: {
+    // indicate active page/section
     current: {
       true: {
-        borderBottom: "0.2em solid",
         marginBottom: "-0.2em",
-        borderColor: "$linkUnderline !important",
+        borderBottom: "0.2em solid",
+        borderColor: "$linkUnderline",
+      },
+      false: {
+        "&:hover": {
+          marginBottom: "-0.2em",
+          borderBottom: "0.2em solid",
+          borderColor: "$kindaLight",
+        },
       },
     },
   },