diff --git a/ui/core/app/styles/app.scss b/ui/core/app/styles/app.scss
index 57a650e42..83b75905a 100644
--- a/ui/core/app/styles/app.scss
+++ b/ui/core/app/styles/app.scss
@@ -122,3 +122,14 @@
     }
   }
 }
+
+[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 2271e2473..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,11 @@
         <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"
+                  @size="medium" />
                 <Copyable
                   @text={{sessionAggregate.session.id}}
                   @buttonText={{t "actions.copy-to-clipboard"}}