diff --git a/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs b/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs
index 439a1bc42..fb53511f8 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs
@@ -178,12 +178,11 @@
               </row.cell>
               <row.cell>
                 {{#if model.isCancelable}}
-                  <Rose::Button
-                    @style='secondary'
+                  <Hds::Button
+                    @text={{t 'actions.cancel'}}
+                    @color='secondary'
                     {{on 'click' (route-action 'cancelSession' model)}}
-                  >
-                    {{t 'actions.cancel'}}
-                  </Rose::Button>
+                  />
                 {{/if}}
               </row.cell>
             </body.row>
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
index 7f151fd87..6001e9289 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
@@ -155,12 +155,11 @@
               </row.cell>
               <row.cell>
                 {{#if (can 'connect target' model)}}
-                  <Rose::Button
-                    @style='secondary'
+                  <Hds::Button
+                    @text={{t 'resources.session.actions.connect'}}
+                    @color='secondary'
                     {{on 'click' (route-action 'connect' model)}}
-                  >
-                    {{t 'resources.session.actions.connect'}}
-                  </Rose::Button>
+                  />
                 {{/if}}
               </row.cell>
             </body.row>