diff --git a/src/app/[name]/(Main)/ai/AiPage.tsx b/src/app/[name]/(Main)/ai/AiPage.tsx
index 9cd2df8..90ecb4f 100644
--- a/src/app/[name]/(Main)/ai/AiPage.tsx
+++ b/src/app/[name]/(Main)/ai/AiPage.tsx
@@ -94,7 +94,7 @@ function AiPage() {
         onError: (error) => {
           toast(extractErrorMessage(error, t("ErrorFallback")), "error");
         },
-      }
+      },
     );
   };
 
@@ -180,7 +180,7 @@ function AiPage() {
             placeholder={t("InputPlaceholder")}
             autoComplete="off"
             disabled={isPending}
-            className="h-full w-full bg-transparent text-[11px] outline-none placeholder:text-disabled-text disabled:opacity-60"
+            className="h-full w-full bg-transparent text-[11px]! outline-none placeholder:text-disabled-text disabled:opacity-60"
           />
 
           <button type="submit" disabled={!input.trim() || isPending} className="rounded-full p-1.5 disabled:opacity-40">
diff --git a/src/components/menu/SideMenuItem.tsx b/src/components/menu/SideMenuItem.tsx
index c1167cd..feb1824 100644
--- a/src/components/menu/SideMenuItem.tsx
+++ b/src/components/menu/SideMenuItem.tsx
@@ -25,11 +25,10 @@ export default function SideMenuItem({ href, title, icon, badge, className, chil
     >
       {children}
       <span className="shrink-0">{icon}</span>
-      <span className="flex relative flex-col items-start gap-0.5">
-        {badge && (
-          <span className="rounded-full -top-2 right-9 absolute bg-primary/15 px-1.5 py-0.5 text-[8px] font-medium leading-none text-primary dark:bg-white/15 dark:text-neutral-200">{badge}</span>
-        )}
+      <span className="flex items-start gap-2">
         <span className="mt-0.5">{title}</span>
+
+        {badge && <span className="rounded-md mt-0.5  border border-primary text-primary px-1.5 py-0.5 text-[8px] leading-none font-light dark:bg-white/15 dark:text-neutral-200">{badge}</span>}
       </span>
     </Link>
   );