Make border radii consistent

Author: PeterTYLiu

src/components/ColourPicker/ColorPicker.tsx

@@ -65,6 +65,7 @@ export const ColorPicker = ({ value, onChange, name, ...fieldContainerProps }: C
           top: "anchor(top)",
           bgcolor: "background.default",
           positionTryFallbacks: "flip-block",
+          borderRadius: 1,
         }}
       >
         <Chrome

src/main.tsx

@@ -53,7 +53,7 @@ createRoot(document.getElementById("root")!).render(
             color: "var(--mui-palette-text-primary)",
             backgroundImage: "var(--mui-overlays-24)",
             border: 0,
-            borderRadius: 0,
+            borderRadius: "var(--mui-shape-borderRadius)",
           },
         }}
       />