diff --git a/addon/components/paper-card-header-subhead.hbs b/addon/components/paper-card-header-subhead.hbs
new file mode 100644
index 000000000..f77b9bde0
--- /dev/null
+++ b/addon/components/paper-card-header-subhead.hbs
@@ -0,0 +1,3 @@
+<span class="md-subhead" ...attributes>
+  {{yield}}
+</span>
\ No newline at end of file
diff --git a/addon/components/paper-card-header-subhead.js b/addon/components/paper-card-header-subhead.js
index 87ac64177..cd34d6628 100644
--- a/addon/components/paper-card-header-subhead.js
+++ b/addon/components/paper-card-header-subhead.js
@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components, prettier/prettier */
+/* eslint-disable ember/no-classic-components */
 /**
  * @module ember-paper
  */
@@ -8,7 +8,6 @@ import Component from '@ember/component';
  * @class PaperCardHeaderSubhead
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'span',
-  classNames: ['md-subhead']
-});
+export default class PaperCardHeaderSubhead extends Component {
+  tagName = '';
+}