diff --git a/client/src/components/Main/BingStyles.jsx b/client/src/components/Main/BingStyles.jsx
index a54134e34d..d8de802658 100644
--- a/client/src/components/Main/BingStyles.jsx
+++ b/client/src/components/Main/BingStyles.jsx
@@ -44,6 +44,12 @@ function BingStyles(props, ref) {
         <TabsTrigger
           value="fast"
           className={`${value === 'fast' ? selectedClass(value) : defaultClasses}`}
+        >
+          {'Fast'}
+        </TabsTrigger>
+        <TabsTrigger
+          value="balanced"
+          className={`${value === 'balanced' ? selectedClass(value) : defaultClasses}`}
         >
           {'Balanced'}
         </TabsTrigger>
diff --git a/client/src/style.css b/client/src/style.css
index 01d837a863..83033915cf 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -37,7 +37,7 @@ bottom: 39px;
 z-index: 995;
 margin-left: auto; 
 margin-right: auto; 
-width: 308px; /* Need a specific value to work */
+width: 408px; /* Need a specific value to work */
 transition: all 0.5s ease-in-out;
 pointer-events: none;
 transform: translateY(-60px);
@@ -59,6 +59,10 @@ transform: translateY(-60px);
   background: linear-gradient(90deg, #2870EA 10.79%, #1B4AEF 87.08%);
 }
 
+.balanced-tab {
+  background: linear-gradient(90deg, #DC8000 10.79%, #F09005 87.08%);
+}
+
 .precise-tab {
   background: linear-gradient(90deg, #006880 10.79%, #005366 87.08%)
 }
@@ -1917,4 +1921,4 @@ button.scroll-convo {
 }
 .hidden-visibility {
   visibility: hidden;
-}
\ No newline at end of file
+}