diff --git a/resources/frontend_client/app/components/icons/assets/header_rect.svg b/resources/frontend_client/app/components/icons/assets/header_rect.svg
new file mode 100644
index 0000000000000000000000000000000000000000..9bd072c34cb31569b94a1c487003387209de9a77
--- /dev/null
+++ b/resources/frontend_client/app/components/icons/assets/header_rect.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="58px" height="57px" viewBox="0 0 58 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.3 (12072) - http://www.bohemiancoding.com/sketch -->
+    <title>Rectangle 329 Copy 30</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="home-page---activity" sketch:type="MSArtboardGroup" transform="translate(-393.000000, -53.000000)" fill="#509ADD">
+            <g id="Group" sketch:type="MSLayerGroup" transform="translate(-6.000000, -9.000000)">
+                <g transform="translate(13.000000, -3.000000)" id="Rectangle-329-Copy-30" sketch:type="MSShapeGroup">
+                    <rect transform="translate(415.000000, 93.715729) rotate(-45.000000) translate(-415.000000, -93.715729) " x="395" y="73.7157288" width="40" height="40"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/resources/frontend_client/app/css/home.css b/resources/frontend_client/app/css/home.css
index 7db4b55b02fee98227b665b139db3c14c9edced8..6e51784ebad66115ec97d5216fb70a41278eed4e 100644
--- a/resources/frontend_client/app/css/home.css
+++ b/resources/frontend_client/app/css/home.css
@@ -2,6 +2,15 @@
     z-index: 2;
 }
 
+.CheckBg {
+    background-image: url('/app/components/icons/assets/header_rect.svg');
+    background-repeat: repeat;
+}
+
+.CheckBg-offset {
+  background-position-y: -15px;
+}
+
 .Main {
     z-index: 1;
     position: relative;
diff --git a/resources/frontend_client/app/home/components/HeaderTabs.react.js b/resources/frontend_client/app/home/components/HeaderTabs.react.js
index 705fe690c58c1aa73740dfcc5ab9d9a68bf4ff2a..ee3c2b90f8c3e88caf5e731e95e11b3e9ebde10a 100644
--- a/resources/frontend_client/app/home/components/HeaderTabs.react.js
+++ b/resources/frontend_client/app/home/components/HeaderTabs.react.js
@@ -42,7 +42,7 @@ export default class HeaderTabs extends Component {
         });
 
         return (
-            <div className="bg-brand text-white">
+            <div className="text-white" style={{backgroundColor: 'transparent'}}>
                 <a className={activityTab} style={{marginLeft: '10px'}} href="/">Activity</a>
                 <a className={questionsTab} href="/?questions">Saved Questions</a>
             </div>
diff --git a/resources/frontend_client/app/home/components/Homepage.react.js b/resources/frontend_client/app/home/components/Homepage.react.js
index 2a6db47c6b134007328635c330960c3437acfb6e..73c7c6b08955b683eb4cbfb3b837fe8d13c0b90e 100644
--- a/resources/frontend_client/app/home/components/Homepage.react.js
+++ b/resources/frontend_client/app/home/components/Homepage.react.js
@@ -48,7 +48,7 @@ export default class Homepage extends Component {
                     </Modal>
                 : null}
 
-                <div className="bg-brand text-white md-pl4" style={{backgroundImage: 'url("app/components/icons/assets/rect.svg")', backgroundRepeat: 'repeat'}}>
+                <div className="CheckBg bg-brand text-white md-pl4">
                     <div className="HomeLayout">
                         <div className="HomeLayout-mainColumn">
                             <header style={this.styles.headerGreeting} className="flex align-center pb4">
diff --git a/resources/frontend_client/index_template.html b/resources/frontend_client/index_template.html
index 42983834916a367a6a8623fdb577e220998db57a..090fa6fb0294951b6477fec3816211717488bbdc 100644
--- a/resources/frontend_client/index_template.html
+++ b/resources/frontend_client/index_template.html
@@ -15,7 +15,7 @@
     <body ng-controller="Metabase">
         <div class="Nav" ng-controller="Nav" ng-if="user" ng-cloak>
             <!-- MAIN NAV -->
-            <nav class="sm-py2 sm-py1 xl-py3 relative bg-brand" ng-show="nav === 'main'">
+            <nav class="CheckBg CheckBg-offset sm-py2 sm-py1 xl-py3 relative bg-brand" ng-show="nav === 'main'">
                 <ul class="wrapper flex align-center">
                     <li>
                         <a class="NavItem cursor-pointer text-white flex align-center my1" href="/">