diff --git a/client/build/containers/SiteDescription/view.js b/client/build/containers/SiteDescription/view.js
index 06ec43fa..5431e4ae 100644
--- a/client/build/containers/SiteDescription/view.js
+++ b/client/build/containers/SiteDescription/view.js
@@ -39,9 +39,11 @@ function (_React$Component) {
   _createClass(SiteDescription, [{
     key: "render",
     value: function render() {
-      return _react.default.createElement("p", {
+      return _react.default.createElement("div", {
+        className: 'site-description'
+      }, _react.default.createElement("p", {
         className: 'text--extra-small'
-      }, this.props.siteDescription);
+      }, this.props.siteDescription));
     }
   }]);
 
diff --git a/client/scss/_media-queries.scss b/client/scss/_media-queries.scss
index f43ca6a7..a36e85ac 100644
--- a/client/scss/_media-queries.scss
+++ b/client/scss/_media-queries.scss
@@ -1,9 +1,10 @@
-@media (max-width: 1120px) {
-
-  .nav-bar--center {
+@media (max-width: 1100px) {
+  // hide site description in nav bar
+  .site-description {
     display: none;
   }
 
+  // stack horizontal-splits
   .column--med-10 {
     width: 100%;
   }
diff --git a/client/src/containers/SiteDescription/view.jsx b/client/src/containers/SiteDescription/view.jsx
index 4dd43cd2..a51f926b 100644
--- a/client/src/containers/SiteDescription/view.jsx
+++ b/client/src/containers/SiteDescription/view.jsx
@@ -3,7 +3,9 @@ import React from 'react';
 class SiteDescription extends React.Component {
   render () {
     return (
-      <p className={'text--extra-small'}>{this.props.siteDescription}</p>
+      <div className={'site-description'}>
+        <p className={'text--extra-small'}>{this.props.siteDescription}</p>
+      </div>
     );
   }
 }