diff --git a/addons/rose/addon/components/rose/dropdown/button.js b/addons/rose/addon/components/rose/dropdown/button.js
deleted file mode 100644
index 6f776e15d..000000000
--- a/addons/rose/addon/components/rose/dropdown/button.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/dropdown/button';
-
-/**
- * A dropdown button component based on simplified rose/button
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
diff --git a/addons/rose/addon/templates/components/rose/dropdown/button.hbs b/addons/rose/addon/components/rose/dropdown/button/index.hbs
similarity index 100%
rename from addons/rose/addon/templates/components/rose/dropdown/button.hbs
rename to addons/rose/addon/components/rose/dropdown/button/index.hbs
diff --git a/addons/rose/addon/templates/components/rose/dropdown.hbs b/addons/rose/addon/components/rose/dropdown/index.hbs
similarity index 100%
rename from addons/rose/addon/templates/components/rose/dropdown.hbs
rename to addons/rose/addon/components/rose/dropdown/index.hbs
diff --git a/addons/rose/addon/components/rose/dropdown.js b/addons/rose/addon/components/rose/dropdown/index.js
similarity index 64%
rename from addons/rose/addon/components/rose/dropdown.js
rename to addons/rose/addon/components/rose/dropdown/index.js
index 645c888be..916c50c3f 100644
--- a/addons/rose/addon/components/rose/dropdown.js
+++ b/addons/rose/addon/components/rose/dropdown/index.js
@@ -1,16 +1,17 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/dropdown';
-import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { computed, action } from '@ember/object';
+
+export default class RoseDropdownComponent extends Component {
 
-/**
- * A dropdown component composed of HTML disclosure elements: details and summary
- */
-export default Component.extend({
   // =attributes
 
-  layout,
-  tagName: '',
-  showCaret: true,
+  /**
+   * @type {boolean}
+   */
+  @computed('args.showCaret')
+  get showCaret() {
+    return this.args.showCaret ?? true;
+  }
 
   // =actions
 
@@ -26,5 +27,5 @@ export default Component.extend({
   close(element) {
     if (element.open) element.open = false;
     if (element.parentElement.open) element.parentElement.open = false;
-  },
-});
+  }
+}
diff --git a/addons/rose/addon/components/rose/dropdown.stories.mdx b/addons/rose/addon/components/rose/dropdown/index.stories.mdx
similarity index 100%
rename from addons/rose/addon/components/rose/dropdown.stories.mdx
rename to addons/rose/addon/components/rose/dropdown/index.stories.mdx
diff --git a/addons/rose/addon/components/rose/dropdown/link.js b/addons/rose/addon/components/rose/dropdown/link.js
deleted file mode 100644
index c6609fe05..000000000
--- a/addons/rose/addon/components/rose/dropdown/link.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import Component from '@ember/component';
-import layout from '../../../templates/components/rose/dropdown/link';
-
-/**
- * A dropdown link wrapper for LinkTo component.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
-});
diff --git a/addons/rose/addon/templates/components/rose/dropdown/link.hbs b/addons/rose/addon/components/rose/dropdown/link/index.hbs
similarity index 100%
rename from addons/rose/addon/templates/components/rose/dropdown/link.hbs
rename to addons/rose/addon/components/rose/dropdown/link/index.hbs