diff --git a/src/dom_components/model/ComponentTableRow.js b/src/dom_components/model/ComponentTableRow.js
index d0f25beaa..50c796edc 100644
--- a/src/dom_components/model/ComponentTableRow.js
+++ b/src/dom_components/model/ComponentTableRow.js
@@ -1,15 +1,18 @@
 import Component from './Component';
+import { toLowerCase } from 'utils/mixins';
+
+const tagName = 'tr';
 
 export default Component.extend(
   {
     defaults: {
       ...Component.prototype.defaults,
-      tagName: 'tr',
+      tagName,
       draggable: ['thead', 'tbody', 'tfoot'],
       droppable: ['th', 'td']
     }
   },
   {
-    isComponent: el => el.tagName == 'TR' && true
+    isComponent: el => toLowerCase(el.tagName) === tagName
   }
 );
diff --git a/test/specs/dom_components/model/ComponentTypes.js b/test/specs/dom_components/model/ComponentTypes.js
index 889e8d123..f9e57e074 100644
--- a/test/specs/dom_components/model/ComponentTypes.js
+++ b/test/specs/dom_components/model/ComponentTypes.js
@@ -52,6 +52,10 @@ describe('Component Types', () => {
     expectedType('<tbody></tbody>', 'tbody', { skipHtml: 1 });
   });
 
+  test('<tr> is correctly recognized', () => {
+    expectedType('<tr></tr>', 'row');
+  });
+
   test('<td> & <th> are correctly recognized', () => {
     expectedType('<td></td>', 'cell');
     expectedType('<th></th>', 'cell', { total: 2 });