fix: overlap text model selector and loading (#3757)

web/containers/Loader/ModelStart.tsx

@@ -42,7 +42,7 @@ export default function ModelStart() {
           style={{ width: `${loader}%` }}
           data-testid="model-loader"
         />
-        <span className="relative z-10">
+        <span className="relative z-10 line-clamp-1 max-w-[300px]">
           {stateModel.state === 'start' ? 'Starting' : 'Stopping'}
           &nbsp;model&nbsp;
           {stateModel.model?.id}

web/containers/ModelDropdown/index.tsx

@@ -318,7 +318,9 @@ const ModelDropdown = ({
             )}
             onClick={() => setOpen(!open)}
           >
-            <span className="line-clamp-1 ">{selectedModel?.name}</span>
+            <span className="line-clamp-1 max-w-[286px]">
+              {selectedModel?.name}
+            </span>
           </Badge>
         ) : (
           <Input