diff --git a/app/components/chat.tsx b/app/components/chat.tsx
index 3d8b5321a2b..c42b90500ae 100644
--- a/app/components/chat.tsx
+++ b/app/components/chat.tsx
@@ -781,16 +781,30 @@ export function ChatActions(props: {
         />
       )}
 
+      {/* If you want to add any successive actions, please place them above */}
       <div
         style={{
           display: "flex",
           alignItems: "top",
           flex: 1,
           fontSize: "0.7rem",
+          justifyContent: "flex-end",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
         }}
       >
-        <div style={{ flex: 1 }}></div>
-        <span style={{ opacity: 0.8 }}>{currentModelName}</span>
+        <span
+          style={{
+            opacity: 0.8,
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap",
+            minWidth: 0,
+            maxWidth: "175px",
+          }}
+        >
+          {currentModelName}
+        </span>
       </div>
     </div>
   );