diff --git a/app/styles/_rancher.scss b/app/styles/_rancher.scss
index 1d5f2c2bf..ef92ab0a4 100644
--- a/app/styles/_rancher.scss
+++ b/app/styles/_rancher.scss
@@ -60,6 +60,7 @@
 @import "app/styles/components/nav-boxes";
 @import "app/styles/components/pipeline";
 @import "app/styles/components/logging";
+@import "app/styles/components/identity-block";
 
 // Vendor
 // Pretty much what it says. Vendor specific changes/overrides or includes.
diff --git a/app/styles/components/_identity-block.scss b/app/styles/components/_identity-block.scss
new file mode 100644
index 000000000..503599584
--- /dev/null
+++ b/app/styles/components/_identity-block.scss
@@ -0,0 +1,8 @@
+.identity-block {
+  width: 30vw;
+  .gh-block-name > div {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}
\ No newline at end of file
diff --git a/lib/shared/addon/components/identity-block/template.hbs b/lib/shared/addon/components/identity-block/template.hbs
index b4901f7a6..b8ffdc959 100644
--- a/lib/shared/addon/components/identity-block/template.hbs
+++ b/lib/shared/addon/components/identity-block/template.hbs
@@ -1,55 +1,57 @@
 {{yield}}
-{{#if avatar}}
-  <div class="gh-avatar">
-    {{#if principal.avatarSrc}}
-      {{#if (and principal.profileURL link)}}
-        <a href="{{principal.profileURL}}" target="_blank">
-          <img src="{{principal.avatarSrc}}" width="{{size}}" height="{{size}}">
-        </a>
-      {{else}}
-        <img src="{{principal.avatarSrc}}" width="{{size}}" height="{{size}}">
-      {{/if}}
-    {{else}}
-      <div class="gh-placeholder">
-        {{#unless loading}}
-          <img src="{{avatarSrc}}" width="{{size}}" height="{{size}}">
-        {{/unless}}
-      </div>
-    {{/if}}
-  </div>
-{{/if}}
-
-<div class="gh-block-content">
-  <div class="gh-block-name">
-    {{#if loading}}
-      {{t 'identityBlock.loading'}}
-    {{else}}
-      {{#if (and principal.profileURL link)}}
-        <a href="{{principal.profileURL}}" target="_blank">{{login}}</a>
-      {{else}}
-        {{#if principal.displayName}}
-          <div>
-            {{principal.displayName}} {{#if principal.loginName }}<small>(&nbsp;{{principal.loginName}}&nbsp;)</small>{{/if}}
-          </div>
-        {{else if principal.loginName}}
-          {{principal.loginName}}
-        {{else if unknownUser}}
-          <span class="text-error">{{t 'generic.unknownUser'}}</span>
+<div class="identity-block">
+  {{#if avatar}}
+    <div class="gh-avatar">
+      {{#if principal.avatarSrc}}
+        {{#if (and principal.profileURL link)}}
+          <a href="{{principal.profileURL}}" target="_blank">
+            <img src="{{principal.avatarSrc}}" width="{{size}}" height="{{size}}">
+          </a>
         {{else}}
-          &nbsp;
+          <img src="{{principal.avatarSrc}}" width="{{size}}" height="{{size}}">
+        {{/if}}
+      {{else}}
+        <div class="gh-placeholder">
+          {{#unless loading}}
+            <img src="{{avatarSrc}}" width="{{size}}" height="{{size}}">
+          {{/unless}}
+        </div>
+      {{/if}}
+    </div>
+  {{/if}}
+
+  <div class="gh-block-content">
+    <div class="gh-block-name">
+      {{#if loading}}
+        {{t 'identityBlock.loading'}}
+      {{else}}
+        {{#if (and principal.profileURL link)}}
+          <a href="{{principal.profileURL}}" target="_blank">{{login}}</a>
+        {{else}}
+          {{#if principal.displayName}}
+            <div>
+              {{principal.displayName}}{{#if principal.loginName }}<small>(&nbsp;{{principal.loginName}}&nbsp;)</small>{{/if}}
+            </div>
+          {{else if principal.loginName}}
+            {{principal.loginName}}
+          {{else if unknownUser}}
+            <span class="text-error">{{t 'generic.unknownUser'}}</span>
+          {{else}}
+            &nbsp;
+          {{/if}}
         {{/if}}
       {{/if}}
-    {{/if}}
+    </div>
+    <div class="gh-block-detail text-small clip">
+      {{#if principal.displayType}}
+        {{principal.displayType}}
+      {{else if unknownUser}}
+        <span class="clip">
+          {{principalId}}
+        </span>
+      {{else}}
+        &nbsp;
+      {{/if}}
+    </div>
   </div>
-  <div class="gh-block-detail text-small clip">
-    {{#if principal.displayType}}
-      {{principal.displayType}}
-    {{else if unknownUser}}
-      <span class="clip">
-        {{principalId}}
-      </span>
-    {{else}}
-      &nbsp;
-    {{/if}}
-  </div>
-</div>
+</div>
\ No newline at end of file