diff --git a/frontend/src/components/article/index.js b/frontend/src/components/article/index.js
index a761e3a7..c0562963 100644
--- a/frontend/src/components/article/index.js
+++ b/frontend/src/components/article/index.js
@@ -1,9 +1,8 @@
 import styled from 'styled-components';
-import { colors, breakpoints } from '@ui/shared/constants';
+import { breakpoints } from '@ui/shared/constants';
 
 // Main Contonent Wrapper Styles
 export default styled.article`
-  background-color: ${colors.base.grey};
   padding: 2rem;
 
   ${breakpoints.large`
diff --git a/ui/src/components/base/global.js b/ui/src/components/base/global.js
index 3a2afcea..da0b2222 100644
--- a/ui/src/components/base/global.js
+++ b/ui/src/components/base/global.js
@@ -1,4 +1,5 @@
 import { css } from 'styled-components';
+import { colors } from '../../shared/constants';
 
 import eotRegular from '../../assets/fonts/librefranklin-regular-webfont.eot';
 import woffRegular from '../../assets/fonts/librefranklin-regular-webfont.woff';
@@ -79,5 +80,6 @@ export default css`
   html, body {
     font-size: 16px;
     margin: 0;
+    background: ${colors.base.background};
   }
 `;