diff --git a/ui/admin/app/components/form/group/add-members/index.hbs b/ui/admin/app/components/form/group/add-members/index.hbs
index 8c9cf9cdf..9ef10bbe0 100644
--- a/ui/admin/app/components/form/group/add-members/index.hbs
+++ b/ui/admin/app/components/form/group/add-members/index.hbs
@@ -41,7 +41,11 @@
               {{/if}}
             </Hds::Form::Checkbox::Field>
           </B.Td>
-          <B.Td><code>{{B.data.id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.id}}
+            </Hds::Text::Code>
+          </B.Td>
           <B.Td><ScopeBadge @scope={{B.data.scopeModel}} /></B.Td>
           <B.Td>{{B.data.description}}</B.Td>
         </B.Tr>
diff --git a/ui/admin/app/components/form/target/add-host-sets/index.hbs b/ui/admin/app/components/form/target/add-host-sets/index.hbs
index d082d8dc4..dd2e296b7 100644
--- a/ui/admin/app/components/form/target/add-host-sets/index.hbs
+++ b/ui/admin/app/components/form/target/add-host-sets/index.hbs
@@ -40,7 +40,11 @@
           </B.Td>
           <B.Td>{{B.data.name}}</B.Td>
           <B.Td><HostCatalogTypeBadge @model={{B.data}} /></B.Td>
-          <B.Td><code>{{B.data.host_catalog_id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.host_catalog_id}}
+            </Hds::Text::Code>
+          </B.Td>
         </B.Tr>
       </:body>
     </Hds::Table>
diff --git a/ui/admin/app/components/form/user/add-accounts/index.hbs b/ui/admin/app/components/form/user/add-accounts/index.hbs
index 9d54ff5f4..f908cba22 100644
--- a/ui/admin/app/components/form/user/add-accounts/index.hbs
+++ b/ui/admin/app/components/form/user/add-accounts/index.hbs
@@ -44,7 +44,11 @@
               @text={{t (concat 'resources.auth-method.types.' B.data.type)}}
             />
           </B.Td>
-          <B.Td><code>{{B.data.auth_method_id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.auth_method_id}}
+            </Hds::Text::Code>
+          </B.Td>
         </B.Tr>
       </:body>
     </Hds::Table>
diff --git a/ui/admin/app/components/form/worker/create-worker-led/index.hbs b/ui/admin/app/components/form/worker/create-worker-led/index.hbs
index ad79a020e..b9907975a 100644
--- a/ui/admin/app/components/form/worker/create-worker-led/index.hbs
+++ b/ui/admin/app/components/form/worker/create-worker-led/index.hbs
@@ -209,9 +209,10 @@
 
     <Hds::Text::Body @tag='p' @size='300' class='p'>
       {{t 'resources.worker.form.steps.2.copy_registration_request'}}
-      <code>{{t
+      <Hds::Text::Code @size='300' @color='primary'>
+        {{t
           'resources.worker.form.steps.3.worker_auth_registration_request.label'
-        }}</code>.
+        }}</Hds::Text::Code>.
     </Hds::Text::Body>
   </div>
 
diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index 39a4f9a5b..279c80873 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -249,10 +249,9 @@
     margin-bottom: sizing.rems(l);
   }
 
-  > p code {
+  > p span {
     background-color: var(--token-color-surface-strong);
     border-radius: 5px;
-    color: var(--token-color-foreground-primary);
     padding: sizing.rems(xxxs) sizing.rems(xxs);
   }
 
diff --git a/ui/desktop/app/templates/scopes/scope/authenticate.hbs b/ui/desktop/app/templates/scopes/scope/authenticate.hbs
index c3124fe0f..c3b017c4d 100644
--- a/ui/desktop/app/templates/scopes/scope/authenticate.hbs
+++ b/ui/desktop/app/templates/scopes/scope/authenticate.hbs
@@ -64,7 +64,9 @@
       {{/if}}
       <Hds::Text::Body @tag='p' class='change-origin'>
         {{t 'cluster-url.connected-to'}}:
-        <code>{{this.clusterUrl}}</code>
+        <Hds::Text::Code>
+          {{this.clusterUrl}}
+        </Hds::Text::Code>
         <br />
         <LinkTo @route='cluster-url'>
           {{t 'actions.change-cluster-url'}}