fix: googleTranslate breaking terminal blocks (#3993)

* fix: googleTranslate breaking terminal blocks * chore: prettier magic
reactjs · Oct 28, 2021 · e104865 · e104865
1 parent 04f42b0
commit e104865
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/beta/src/components/MDX/TerminalBlock.tsx b/beta/src/components/MDX/TerminalBlock.tsx
@@ -35,7 +35,9 @@ function TerminalBlock({level = 'info', children}: TerminalBlockProps) {
   }
 
   return (
-    <div className="rounded-lg bg-secondary dark:bg-gray-50 h-full">
+    <div
+      className="rounded-lg bg-secondary dark:bg-gray-50 h-full"
+      translate="no">
       <div className="bg-gray-90 dark:bg-gray-60 w-full rounded-t-lg">
         <div className="text-primary-dark dark:text-primary-dark flex text-sm px-4 py-0.5 relative">
           <IconTerminal className="inline-flex mr-2 self-center" /> Terminal