diff --git a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx
index 7ea68ec42..7d7670171 100644
--- a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx
+++ b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx
@@ -74,7 +74,9 @@ export const AIModelIndicator = memo(({ className, onModelChange }: AIModelIndic
       )}
     >
       <i className={cn("size-3", iconClass)} />
-      <span className="max-w-20 truncate">{AIModelNameMapping[modelName] || modelName}</span>
+      <span className="@sm:inline hidden max-w-20 truncate">
+        {AIModelNameMapping[modelName] || modelName}
+      </span>
       {hasMultipleModels && <i className="i-mingcute-down-line size-3 opacity-60" />}
     </div>
   )
diff --git a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx
index ec3814a35..843902575 100644
--- a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx
+++ b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx
@@ -227,7 +227,7 @@ const ChatInterfaceContent = ({ centerInputOnEmpty }: ChatInterfaceProps) => {
 
   return (
     <GlobalFileDropZone className="flex size-full flex-col">
-      <div className="flex min-h-0 flex-1 flex-col" ref={scrollContainerParentRef}>
+      <div className="@container flex min-h-0 flex-1 flex-col" ref={scrollContainerParentRef}>
         <AnimatePresence>
           {!hasMessages && !isLoadingHistory ? (
             <WelcomeScreen onSend={handleSendMessage} centerInputOnEmpty={centerInputOnEmpty} />