diff --git a/packages/console/src/components/Select/index.module.scss b/packages/console/src/components/Select/index.module.scss
index 708568ce1..9a3d5f24a 100644
--- a/packages/console/src/components/Select/index.module.scss
+++ b/packages/console/src/components/Select/index.module.scss
@@ -15,9 +15,10 @@
   font: var(--font-body-medium);
   cursor: pointer;
   position: relative;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+
+  .title {
+    @include _.text-ellipsis;
+  }
 
   &.open {
     border-color: var(--color-primary);
diff --git a/packages/console/src/components/Select/index.tsx b/packages/console/src/components/Select/index.tsx
index a5f3bb5a4..d81a9ec9a 100644
--- a/packages/console/src/components/Select/index.tsx
+++ b/packages/console/src/components/Select/index.tsx
@@ -80,7 +80,7 @@ const Select = <T extends string>({
           }
         }}
       >
-        {current?.title ?? placeholder}
+        <div className={styles.title}>{current?.title ?? placeholder}</div>
         {isClearable && (
           <IconButton
             className={classNames(styles.icon, styles.clear)}