diff --git a/src/components/alert/alert-styles.jsx b/src/components/alert/alert-styles.jsx
index a3a6238b..55830abb 100644
--- a/src/components/alert/alert-styles.jsx
+++ b/src/components/alert/alert-styles.jsx
@@ -14,7 +14,7 @@ export default createStyleSheet('Alert', theme => {
       marginBottom: '16px',
       color: palette.text.default,
 
-      '& .header': {
+      '& .alert-header': {
         display: 'inline-block',
         fontWeight: 'bold',
         padding: '4px',
@@ -49,7 +49,7 @@ export default createStyleSheet('Alert', theme => {
     success: {
       borderLeft: `2px solid ${palette.variant.success}`,
 
-      '& .header': {
+      '& .alert-header': {
         color: palette.variant.success,
       },
     },
@@ -57,7 +57,7 @@ export default createStyleSheet('Alert', theme => {
     warning: {
       borderLeft: `2px solid ${palette.variant.warning}`,
 
-      '& .header': {
+      '& .alert-header': {
         color: palette.variant.warning,
       },
     },
@@ -65,7 +65,7 @@ export default createStyleSheet('Alert', theme => {
     danger: {
       borderLeft: `2px solid ${palette.variant.danger}`,
 
-      '& .header': {
+      '& .alert-header': {
         color: palette.variant.danger,
       },
     },
diff --git a/src/components/alert/alert.jsx b/src/components/alert/alert.jsx
index 6b3d33bd..43e493da 100644
--- a/src/components/alert/alert.jsx
+++ b/src/components/alert/alert.jsx
@@ -47,7 +47,7 @@ class Alert extends React.PureComponent {
       },
       this.props.className,
     );
-    const headerClassName = classNames('header', {
+    const headerClassName = classNames('alert-header', {
       vertical: this.props.vertical,
     });
 
diff --git a/test/components/alert/alert.test.js b/test/components/alert/alert.test.js
index 1c6c39a9..8e45564d 100644
--- a/test/components/alert/alert.test.js
+++ b/test/components/alert/alert.test.js
@@ -30,7 +30,7 @@ describe('<Alert />', () => {
   });
 
   it('should render the header if provided', () => {
-    expect(wrapper.find('div.header').childAt(0).text()).to.equal('header');
+    expect(wrapper.find('div.alert-header').childAt(0).text()).to.equal('header');
   });
 
   it('should render the children if provided', () => {