fix(console): remove unexpected margin top from form elements (#4408)

packages/console/src/mdx-components-v2/UriInputField/index.module.scss

@@ -19,6 +19,9 @@
   }
 }
 
-form {
+/* Avoid using element selector directly in mdx components, as it will
+ * affect all elements in the entire admin console app.
+ */
+.form {
   margin: _.unit(4) 0;
 }

packages/console/src/mdx-components-v2/UriInputField/index.tsx

@@ -86,7 +86,7 @@ function UriInputField({ name, defaultValue }: Props) {
 
   return (
     <FormProvider {...methods}>
-      <form>
+      <form className={styles.form}>
         <Controller
           name={name}
           control={control}