diff --git a/addons/rose/addon/templates/components/rose/notification.hbs b/addons/rose/addon/components/rose/notification/index.hbs
similarity index 100%
rename from addons/rose/addon/templates/components/rose/notification.hbs
rename to addons/rose/addon/components/rose/notification/index.hbs
diff --git a/addons/rose/addon/components/rose/notification.js b/addons/rose/addon/components/rose/notification/index.js
similarity index 53%
rename from addons/rose/addon/components/rose/notification.js
rename to addons/rose/addon/components/rose/notification/index.js
index 1b1677a67..c27d54f9b 100644
--- a/addons/rose/addon/components/rose/notification.js
+++ b/addons/rose/addon/components/rose/notification/index.js
@@ -1,16 +1,7 @@
-import Component from '@ember/component';
-import layout from '../../templates/components/rose/notification';
+import Component from '@glimmer/component';
 import { computed } from '@ember/object';
 
-/**
- * An accessible alert notification component that displays an icon,
- * a heading, and optional block content.  Notifications may be static or
- * dismissible.  To make a notification dismissible, pass in a
- * `@dismiss` function.
- */
-export default Component.extend({
-  layout,
-  tagName: '',
+export default class RoseNotificationComponent extends Component {
 
   /**
    * Returns an icon name based on the notification style.
@@ -33,5 +24,6 @@ export default Component.extend({
     }
 
     return icon;
-  },
-});
+  }
+
+}
diff --git a/addons/rose/addon/components/rose/notification.stories.mdx b/addons/rose/addon/components/rose/notification/index.stories.mdx
similarity index 100%
rename from addons/rose/addon/components/rose/notification.stories.mdx
rename to addons/rose/addon/components/rose/notification/index.stories.mdx