diff --git a/console/src/app/modules/show-token-dialog/show-token-dialog.component.html b/console/src/app/modules/show-token-dialog/show-token-dialog.component.html
index 3748c59d66..8b5992c91a 100644
--- a/console/src/app/modules/show-token-dialog/show-token-dialog.component.html
+++ b/console/src/app/modules/show-token-dialog/show-token-dialog.component.html
@@ -25,7 +25,7 @@
           <i *ngIf="copied !== tokenResponse.token" class="las la-clipboard"></i>
           <i *ngIf="copied === tokenResponse.token" class="las la-clipboard-check"></i>
         </button>
-        <span>{{ tokenResponse.token }}</span>
+        <span class="token">{{ tokenResponse.token }}</span>
       </div>
     </div>
   </ng-container>
diff --git a/console/src/app/modules/show-token-dialog/show-token-dialog.component.scss b/console/src/app/modules/show-token-dialog/show-token-dialog.component.scss
index 1dc60536ee..27c0cb1c7b 100644
--- a/console/src/app/modules/show-token-dialog/show-token-dialog.component.scss
+++ b/console/src/app/modules/show-token-dialog/show-token-dialog.component.scss
@@ -40,6 +40,11 @@
     display: flex;
     align-items: center;
 
+    .token {
+      overflow-wrap: break-word;
+      word-break: break-all;
+    }
+
     .ctc {
       margin-right: 1rem;
     }