diff --git a/tensorboard/webapp/runs/views/runs_table/runs_table_component.ng.html b/tensorboard/webapp/runs/views/runs_table/runs_table_component.ng.html
index cc63cd64f5..7ac5595acf 100644
--- a/tensorboard/webapp/runs/views/runs_table/runs_table_component.ng.html
+++ b/tensorboard/webapp/runs/views/runs_table/runs_table_component.ng.html
@@ -244,6 +244,7 @@
         <tb-experiment-alias
           *ngSwitchCase="RunsTableColumn.EXPERIMENT_NAME"
           [alias]="item.experimentAlias"
+          [title]="item.experimentName"
         ></tb-experiment-alias>
 
         <span *ngSwitchCase="RunsTableColumn.RUN_NAME" class="name"
diff --git a/tensorboard/webapp/widgets/experiment_alias/experiment_alias_component.ts b/tensorboard/webapp/widgets/experiment_alias/experiment_alias_component.ts
index 6d516ec3f4..1ee493b59b 100644
--- a/tensorboard/webapp/widgets/experiment_alias/experiment_alias_component.ts
+++ b/tensorboard/webapp/widgets/experiment_alias/experiment_alias_component.ts
@@ -31,7 +31,9 @@ import {ExperimentAlias} from '../../experiments/types';
       (onValueChange)="aliasChanged.emit($event)"
     ></content-wrapping-input>
     <ng-template #noEditAliasName>
-      <span [class.illegal]="!isAliasNameLegal">{{ alias.aliasText }}</span>
+      <span [class.illegal]="!isAliasNameLegal" [title]="title">{{
+        alias.aliasText
+      }}</span>
     </ng-template>
   `,
   styleUrls: [`experiment_alias_component.css`],
@@ -43,6 +45,9 @@ export class ExperimentAliasComponent {
   @Input()
   aliasEditable!: boolean;
 
+  @Input()
+  title?: string;
+
   @Input()
   isAliasNameLegal: boolean = true;