diff --git a/addon/components/paper-card-header-title.hbs b/addon/components/paper-card-header-title.hbs
new file mode 100644
index 000000000..c401946fc
--- /dev/null
+++ b/addon/components/paper-card-header-title.hbs
@@ -0,0 +1,3 @@
+<span class="md-title" ...attributes>
+  {{yield}}
+</span>
\ No newline at end of file
diff --git a/addon/components/paper-card-header-title.js b/addon/components/paper-card-header-title.js
index 0904da8ee..c905b7dec 100644
--- a/addon/components/paper-card-header-title.js
+++ b/addon/components/paper-card-header-title.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 PaperCardHeaderTitle
  * @extends Ember.Component
  */
-export default Component.extend({
-  tagName: 'span',
-  classNames: ['md-title']
-});
+export default class PaperCardHeaderTitle extends Component {
+  tagName = '';
+}