diff --git a/addons/rose/addon/templates/components/rose/form/actions.hbs b/addons/rose/addon/components/rose/form/actions/index.hbs
similarity index 100%
rename from addons/rose/addon/templates/components/rose/form/actions.hbs
rename to addons/rose/addon/components/rose/form/actions/index.hbs
diff --git a/addons/rose/addon/components/rose/form/actions.js b/addons/rose/addon/components/rose/form/actions/index.js
similarity index 60%
rename from addons/rose/addon/components/rose/form/actions.js
rename to addons/rose/addon/components/rose/form/actions/index.js
index 4bfcbea85..f8d5bb76e 100644
--- a/addons/rose/addon/components/rose/form/actions.js
+++ b/addons/rose/addon/components/rose/form/actions/index.js
@@ -1,5 +1,5 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/form/actions';
+import Component from '@glimmer/component';
+import { computed } from '@ember/object';
 
 /**
  * A set of two form action buttons for submit and cancel.
@@ -13,12 +13,13 @@ import layout from '../../../templates/components/rose/form/actions';
  *    @showCancel={{true}}
  *    @cancel=(fn @cancel) />
  */
-export default Component.extend({
-  layout,
-  tagName: '',
+export default class RoseFormActionsComponent extends Component {
 
   /**
    * @type {boolean}
    */
-  showCancel: true,
-});
+  @computed('args.showCancel')
+  get showCancel() {
+    return this.args.showCancel ?? true;
+  }
+}
diff --git a/addons/rose/addon/components/rose/form/actions.stories.mdx b/addons/rose/addon/components/rose/form/actions/index.stories.mdx
similarity index 100%
rename from addons/rose/addon/components/rose/form/actions.stories.mdx
rename to addons/rose/addon/components/rose/form/actions/index.stories.mdx