diff --git a/components/chat/chat-settings.tsx b/components/chat/chat-settings.tsx
index 6433ac9d08..260ab51c33 100644
--- a/components/chat/chat-settings.tsx
+++ b/components/chat/chat-settings.tsx
@@ -72,7 +72,7 @@ export const ChatSettings: FC<ChatSettingsProps> = ({}) => {
           className="flex items-center space-x-2"
           variant="ghost"
         >
-          <div className="text-lg">
+          <div className="w-[120px] truncate text-lg sm:w-[300px] lg:w-[500px]">
             {fullModel?.modelName || chatSettings.model}
           </div>