diff --git a/addons/core/translations/resources/en-us.yaml b/addons/core/translations/resources/en-us.yaml
index b48cbc316..593e9db6a 100644
--- a/addons/core/translations/resources/en-us.yaml
+++ b/addons/core/translations/resources/en-us.yaml
@@ -232,6 +232,8 @@ session-recording:
     title: Channel
     title_plural: Channels
     details: Channel details
+    player:
+      back-navigation: Back to channels
   session:
     title: Session Playback
   form:
diff --git a/ui/admin/app/components/session-recording/player/index.hbs b/ui/admin/app/components/session-recording/player/index.hbs
index eed4493a5..bf97e2836 100644
--- a/ui/admin/app/components/session-recording/player/index.hbs
+++ b/ui/admin/app/components/session-recording/player/index.hbs
@@ -1,8 +1,9 @@
 <div class='session-recording-player'>
   <div class='session-recording-player-header'>
-    <Hds::Link::Standalone
+    <Hds::Button
       @icon='arrow-left'
-      @text='Back to channels'
+      @text={{t 'resources.session-recording.channel.player.back-navigation'}}
+      @color='tertiary'
       @route={{@route}}
       @model={{@model}}
     />
diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index f2dba4b71..250f533e5 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -788,20 +788,18 @@
   &-header {
     border-bottom: var(--player-divider) 0.125rem solid;
 
-    // override of standalone link styles to allow for
+    // override of button styles to allow for
     // static colors in light and dark mode
     a {
       color: var(--link-color);
       padding: 1rem;
     }
 
-    a:hover {
+    .hds-button--color-tertiary:hover,
+    .hds-button--color-tertiary:active {
       color: var(--link-color);
-
-      /* stylelint-disable selector-class-pattern */
-      .hds-link-standalone__text {
-        text-decoration-color: var(--link-color);
-      }
+      background-color: transparent;
+      border-color: transparent;
     }
   }
 
diff --git a/ui/admin/tests/integration/components/session-recording/player-test.js b/ui/admin/tests/integration/components/session-recording/player-test.js
index d7dd790f9..9f092b1b3 100644
--- a/ui/admin/tests/integration/components/session-recording/player-test.js
+++ b/ui/admin/tests/integration/components/session-recording/player-test.js
@@ -2,9 +2,11 @@ import { module, test } from 'qunit';
 import { setupRenderingTest } from 'admin/tests/helpers';
 import { render } from '@ember/test-helpers';
 import { hbs } from 'ember-cli-htmlbars';
+import { setupIntl } from 'ember-intl/test-support';
 
 module('Integration | Component | session-recording/player', function (hooks) {
   setupRenderingTest(hooks);
+  setupIntl(hooks);
 
   test('it renders', async function (assert) {
     const castConfig = {