From 300cfa35c7fa825f6fd4da305b18f42314e36549 Mon Sep 17 00:00:00 2001
From: ItzCrazyKns <95534749+ItzCrazyKns@users.noreply.github.com>
Date: Fri, 19 Dec 2025 16:45:46 +0530
Subject: [PATCH] Update Optimization.tsx

---
 src/components/MessageInputActions/Optimization.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/MessageInputActions/Optimization.tsx b/src/components/MessageInputActions/Optimization.tsx
index 7b87e6c..4433fcd 100644
--- a/src/components/MessageInputActions/Optimization.tsx
+++ b/src/components/MessageInputActions/Optimization.tsx
@@ -85,9 +85,16 @@ const Optimization = () => {
                           : 'hover:bg-light-secondary dark:hover:bg-dark-secondary',
                       )}
                     >
-                      <div className="flex flex-row items-center space-x-1 text-black dark:text-white">
-                        {mode.icon}
-                        <p className="text-xs font-medium">{mode.title}</p>
+                      <div className="flex flex-row justify-between w-full text-black dark:text-white">
+                        <div className='flex flex-row space-x-1'>
+                          {mode.icon}
+                          <p className="text-xs font-medium">{mode.title}</p>
+                        </div>
+                        {mode.key === 'quality' && (
+                          <span className='bg-violet-500/70 dark:bg-violet-500/40 border border-violet-500 px-1 rounded-full text-[10px] text-white'>
+                            Beta
+                          </span>
+                        )}
                       </div>
                       <p className="text-black/70 dark:text-white/70 text-xs">
                         {mode.description}