From e104865dc916fb6593c8dc897d641cf25e36aa47 Mon Sep 17 00:00:00 2001
From: Shriram Balaji <shrirambalaji1996@gmail.com>
Date: Sun, 24 Oct 2021 18:52:16 +0530
Subject: [PATCH] fix: googleTranslate breaking terminal blocks (#3993)

* fix: googleTranslate breaking terminal blocks

* chore: prettier magic
---
 beta/src/components/MDX/TerminalBlock.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/beta/src/components/MDX/TerminalBlock.tsx b/beta/src/components/MDX/TerminalBlock.tsx
index b66d087efb4..71fb2108526 100644
--- 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