diff --git a/front/src/modules/infra/components/InfraSelector/InfraSelectorEditionItem.tsx b/front/src/modules/infra/components/InfraSelector/InfraSelectorEditionItem.tsx
index f8c89aff15a..5550b1580a8 100644
--- a/front/src/modules/infra/components/InfraSelector/InfraSelectorEditionItem.tsx
+++ b/front/src/modules/infra/components/InfraSelector/InfraSelectorEditionItem.tsx
@@ -59,7 +59,7 @@ export default function InfraSelectorEditionItem({
                 </span>
               ) : (
                 <>
-                  <span className="flex-grow-1">{infra.name}</span>
+                  <span className="flex-grow-1 infra-name">{infra.name}</span>
                   {infra.locked && (
                     <span className="infra-lock">
                       <small>{t('infraManagement:locked')}</small>
diff --git a/front/src/modules/infra/styles/_infraSelector.scss b/front/src/modules/infra/styles/_infraSelector.scss
index 36361d4349b..90cec71f2b6 100644
--- a/front/src/modules/infra/styles/_infraSelector.scss
+++ b/front/src/modules/infra/styles/_infraSelector.scss
@@ -213,12 +213,17 @@
         input {
           background: none;
         }
-        span {
-          display: flex;
+        .infra-name {
+          width: 100px;
+          overflow: hidden;
+          position: relative;
+          display: inline-block;
+          text-overflow: ellipsis;
+          white-space: nowrap;
         }
         .infra-lock {
           display: flex;
-          align-items: center;
+          justify-content: end;
           color: var(--coolgray7);
           padding: 0 4px 0 4px;
           text-transform: uppercase;