diff --git a/src/frontend/src/components/codeTabsComponent/index.tsx b/src/frontend/src/components/codeTabsComponent/index.tsx
index 3550f70ea29..83a3fb8bd35 100644
--- a/src/frontend/src/components/codeTabsComponent/index.tsx
+++ b/src/frontend/src/components/codeTabsComponent/index.tsx
@@ -2,7 +2,10 @@ import ShadTooltip from "@/components/shadTooltipComponent";
 import { useTweaksStore } from "@/stores/tweaksStore";
 import { useState } from "react";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { tomorrow, oneDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
+import {
+  oneDark,
+  tomorrow,
+} from "react-syntax-highlighter/dist/cjs/styles/prism";
 import {
   Tabs,
   TabsContent,
@@ -84,14 +87,14 @@ export default function CodeTabsComponent({
           key={idx} // Remember to add a unique key prop
         >
           {tab.name.toLowerCase() !== "tweaks" ? (
-            <div className="flex h-full w-full flex-col mt-2">
+            <div className="mt-2 flex h-full w-full flex-col">
               {tab.description && (
                 <div
                   className="mb-2 w-full text-left text-sm"
                   dangerouslySetInnerHTML={{ __html: tab.description }}
                 ></div>
               )}
-              <div className="flex w-full items-center justify-end gap-4 rounded-t-md border border-input border-b-0 bg-secondary px-4 py-2">
+              <div className="flex w-full items-center justify-end gap-4 rounded-t-md border border-b-0 border-input bg-secondary px-4 py-2">
                 {nodes.length > 0 &&
                   tabs.find((tab) => tab.name.toLowerCase() === "tweaks") &&
                   tabs[activeTab].hasTweaks && (
@@ -119,9 +122,7 @@ export default function CodeTabsComponent({
                         checked={activeTweaks}
                         autoFocus={false}
                       />
-                      <span className="text-lg text-accent">
-                        |
-                      </span>
+                      <span className="text-lg text-accent">|</span>
                     </div>
                   )}
 
@@ -134,9 +135,15 @@ export default function CodeTabsComponent({
                       data-testid="btn-copy-code"
                     >
                       {isCopied ? (
-                        <IconComponent name="Check" className="h-4 w-4 text-muted-foreground" />
+                        <IconComponent
+                          name="Check"
+                          className="h-4 w-4 text-muted-foreground"
+                        />
                       ) : (
-                        <IconComponent name="Copy" className="h-4 w-4 text-muted-foreground" />
+                        <IconComponent
+                          name="Copy"
+                          className="h-4 w-4 text-muted-foreground"
+                        />
                       )}
                     </Button>
                   </>
@@ -145,7 +152,7 @@ export default function CodeTabsComponent({
               <SyntaxHighlighter
                 language={tab.language}
                 style={oneDark}
-                className="!my-0 h-full overflow-auto rounded-sm !rounded-t-none bg-code-block border border-input border-t-0 text-left custom-scroll"
+                className="!my-0 h-full overflow-auto rounded-sm !rounded-t-none border border-t-0 border-input bg-code-block text-left custom-scroll"
               >
                 {tab.code}
               </SyntaxHighlighter>