Fix <CodeEditor />'s copy button sizing to match other elements (tensorzero#3547)

Author: BretHudson

ui/app/components/ui/code-editor.tsx

@@ -191,6 +191,9 @@ export const CodeEditor: React.FC<CodeEditorProps> = ({
     return exts;
   }, [language, wordWrap, readOnly]);
 
+  const buttonClassName =
+    "flex h-6 w-6 cursor-pointer items-center justify-center p-3 text-xs";
+
   return (
     // `min-width: 0` If within a grid parent, prevent editor from overflowing its grid cell and force horizontal scrolling
     <div className={cn("group relative isolate min-w-0 rounded-sm", className)}>
@@ -199,6 +202,7 @@ export const CodeEditor: React.FC<CodeEditorProps> = ({
           variant="secondary"
           size="iconSm"
           onClick={() => copy(value)}
+          className={buttonClassName}
           disabled={!mounted || !isCopyAvailable}
           title={didCopy ? "Copied!" : "Copy to clipboard"}
         >
@@ -209,11 +213,11 @@ export const CodeEditor: React.FC<CodeEditorProps> = ({
           )}
         </Button>
         <Button
-          variant={"secondary"}
+          variant="secondary"
           size="iconSm"
           onClick={() => toggleWordWrap()}
           aria-pressed={wordWrap}
-          className="flex h-6 w-6 cursor-pointer items-center justify-center p-3 text-xs"
+          className={buttonClassName}
           title="Toggle word wrap"
         >
           <span className="relative flex h-full w-full items-center justify-center">