diff --git a/ui/core/app/styles/app.scss b/ui/core/app/styles/app.scss
index 4836f4bb5..f5dd238d3 100644
--- a/ui/core/app/styles/app.scss
+++ b/ui/core/app/styles/app.scss
@@ -115,8 +115,13 @@
   }
 }
 
-.session-status-active {
-  &.rose-icon {
-    color: var(--success);
-  }
+[class*="session-status-"] {
+  color: var(--ui-gray-subtler-2);
+}
+.session-status-active {
+  color: var(--success);
+}
+
+.nowrap {
+  white-space: nowrap;
 }
diff --git a/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs b/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs
index a789969a0..8865b085f 100644
--- a/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs
+++ b/ui/core/app/templates/scopes/scope/projects/project/sessions/index.hbs
@@ -30,7 +30,7 @@
         <table.body as |body|>
           {{#each @model as |sessionAggregate|}}
             <body.row as |row|>
-              <row.headerCell>
+              <row.headerCell class="nowrap">
                 <Rose::Icon
                   class={{concat "session-status-" sessionAggregate.session.status}}
                   @name="app-icons/action-session"