chore: use px values instead of theme.spacing and theme.shape.borderRadius (#10519)

site/src/components/CodeExample/CodeExample.tsx

@@ -26,8 +26,8 @@ export const CodeExample: FC<CodeExampleProps> = (props) => {
         color: theme.palette.primary.contrastText,
         fontFamily: MONOSPACE_FONT_FAMILY,
         fontSize: 14,
-        borderRadius: theme.shape.borderRadius,
-        padding: theme.spacing(1),
+        borderRadius: 8,
+        padding: 8,
         lineHeight: "150%",
         border: `1px solid ${theme.palette.divider}`,
       }}
@@ -35,7 +35,7 @@ export const CodeExample: FC<CodeExampleProps> = (props) => {
     >
       <code
         css={{
-          padding: theme.spacing(0, 1),
+          padding: "0 8px",
           width: "100%",
           display: "flex",
           alignItems: "center",