diff --git a/addons/rose/addon/components/rose/frame/index.hbs b/addons/rose/addon/components/rose/frame/index.hbs
index ee03c478e..a0fabb5cc 100644
--- a/addons/rose/addon/components/rose/frame/index.hbs
+++ b/addons/rose/addon/components/rose/frame/index.hbs
@@ -4,8 +4,8 @@
     {{yield to="header"}}
   </header>
 
-  <section class="rose-frame-body">
+  <div class="rose-frame-body">
     {{yield to="body"}}
-  </section>
+  </div>
 
 </section>
diff --git a/addons/rose/tests/integration/components/rose/frame-test.js b/addons/rose/tests/integration/components/rose/frame-test.js
index 091a956e8..23c0dbdf0 100644
--- a/addons/rose/tests/integration/components/rose/frame-test.js
+++ b/addons/rose/tests/integration/components/rose/frame-test.js
@@ -1,26 +1,20 @@
 import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
-import { render } from '@ember/test-helpers';
+import { render, find } from '@ember/test-helpers';
 import { hbs } from 'ember-cli-htmlbars';
 
 module('Integration | Component | rose/frame', function (hooks) {
   setupRenderingTest(hooks);
 
   test('it renders', async function (assert) {
-    // Set any properties with this.set('myProperty', 'value');
-    // Handle any actions with this.set('myAction', function(val) { ... });
-
-    await render(hbs`<Rose::Frame />`);
-
-    assert.equal(this.element.textContent.trim(), '');
-
-    // Template block usage:
     await render(hbs`
       <Rose::Frame>
-        <:body>template block text</:body>
+        <:header>Header</:header>
+        <:body>Body</:body>
       </Rose::Frame>
     `);
 
-    assert.equal(this.element.textContent.trim(), 'template block text');
+    assert.ok(find('section > header'));
+    assert.ok(find('section > div'));
   });
 });