From 25f7814fea71731870100a7aa261306c769b2b4b Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 4 Sep 2023 19:33:21 -0300
Subject: [PATCH] refactor(codeTabsComponent): wrap code tabs in a div with
 flex column layout for better styling and readability

---
 src/frontend/src/components/codeTabsComponent/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/codeTabsComponent/index.tsx b/src/frontend/src/components/codeTabsComponent/index.tsx
index d807326f0..9868b709a 100644
--- a/src/frontend/src/components/codeTabsComponent/index.tsx
+++ b/src/frontend/src/components/codeTabsComponent/index.tsx
@@ -180,7 +180,7 @@ export default function CodeTabsComponent({
           key={idx} // Remember to add a unique key prop
         >
           {idx < 4 ? (
-            <>
+            <div className="w-full h-full flex flex-col">
               {tab.description && (
                 <div
                   className="mb-2 w-full text-left text-sm"
@@ -194,7 +194,7 @@ export default function CodeTabsComponent({
               >
                 {tab.code}
               </SyntaxHighlighter>
-            </>
+            </div>
           ) : idx === 4 ? (
             <>
               <div className="api-modal-according-display">