diff --git a/src/renderer/src/components/ApiModelLabel.tsx b/src/renderer/src/components/ApiModelLabel.tsx
index b2e08635fe..68cc3dbbaf 100644
--- a/src/renderer/src/components/ApiModelLabel.tsx
+++ b/src/renderer/src/components/ApiModelLabel.tsx
@@ -3,6 +3,8 @@ import { getModelLogo } from '@renderer/config/models'
 import { ApiModel } from '@renderer/types'
 import React from 'react'
 
+import Ellipsis from './Ellipsis'
+
 export interface ModelLabelProps extends Omit<React.ComponentPropsWithRef<'div'>, 'children'> {
   model?: ApiModel
   classNames?: {
@@ -18,9 +20,9 @@ export const ApiModelLabel: React.FC<ModelLabelProps> = ({ model, className, cla
   return (
     <div className={cn('flex items-center gap-1', className, classNames?.container)} {...props}>
       <Avatar src={model ? getModelLogo(model.id) : undefined} className={cn('h-4 w-4', classNames?.avatar)} />
-      <span className={classNames?.modelName}>{model?.name}</span>
+      <Ellipsis className={classNames?.modelName}>{model?.name}</Ellipsis>
       <span className={classNames?.divider}> | </span>
-      <span className={classNames?.providerName}>{model?.provider}</span>
+      <Ellipsis className={classNames?.providerName}>{model?.provider_name}</Ellipsis>
     </div>
   )
 }