diff --git a/changelog/12908.txt b/changelog/12908.txt
new file mode 100644
index 0000000000000..2e542174f74bf
--- /dev/null
+++ b/changelog/12908.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Updates font for table row value fields 
+```
\ No newline at end of file
diff --git a/ui/lib/core/addon/templates/components/info-table-row.hbs b/ui/lib/core/addon/templates/components/info-table-row.hbs
index 676bea71f42e4..24fed394d0a78 100644
--- a/ui/lib/core/addon/templates/components/info-table-row.hbs
+++ b/ui/lib/core/addon/templates/components/info-table-row.hbs
@@ -55,7 +55,7 @@
             @horizontalPosition="left"
             as |T|>
             <T.trigger @tabindex=false>
-              <code class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</code>  
+              <span class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</span>  
             </T.trigger>
             <T.content @class="tool-tip">
               <CopyButton
@@ -73,7 +73,7 @@
             </T.content>
           </ToolTip>
         {{else}}
-          <code class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</code>
+          <span class="is-word-break has-text-black" data-test-row-value="{{label}}">{{value}}</span>
         {{/if}}
       {{/if}}
     {{/if}}
diff --git a/ui/tests/acceptance/settings/mount-secret-backend-test.js b/ui/tests/acceptance/settings/mount-secret-backend-test.js
index 17c0eddea7ff1..aa99264097725 100644
--- a/ui/tests/acceptance/settings/mount-secret-backend-test.js
+++ b/ui/tests/acceptance/settings/mount-secret-backend-test.js
@@ -128,7 +128,7 @@ module('Acceptance | settings/mount-secret-backend', function(hooks) {
       `write sys/policies/acl/kv-v2-degrade policy=${btoa(V2_POLICY)}`,
       'write -field=client_token auth/token/create policies=kv-v2-degrade',
     ]);
-
+    await settled();
     let userToken = consoleComponent.lastLogOutput;
     await logout.visit();
     await authPage.login(userToken);
diff --git a/ui/tests/integration/components/info-table-row-test.js b/ui/tests/integration/components/info-table-row-test.js
index b24f48f5adaa3..d597617208b2f 100644
--- a/ui/tests/integration/components/info-table-row-test.js
+++ b/ui/tests/integration/components/info-table-row-test.js
@@ -47,8 +47,7 @@ module('Integration | Component | InfoTableRow', function(hooks) {
       />`);
 
     assert.dom('[data-test-component="info-table-row"]').exists();
-    let string = document.querySelector('code').textContent;
-    assert.equal(string, VALUE, 'renders value as passed through');
+    assert.dom('[data-test-row-value]').hasText(VALUE, 'renders value as passed through');
 
     this.set('value', '');
     assert
@@ -101,8 +100,7 @@ module('Integration | Component | InfoTableRow', function(hooks) {
         @label={{label}}
         @isLink={{true}}
       />`);
-    let string = document.querySelector('code').textContent;
-    assert.equal(string, VALUE, 'renders value in code element and not in a tag');
+    assert.dom('[data-test-row-value]').hasText(VALUE, 'renders value in code element and not in a tag');
   });
 
   test('it renders links if isLink is true and type is array', async function(assert) {