diff --git a/frontend/src/components/article/index.js b/frontend/src/components/article/index.js
index a761e3a7..330d3610 100644
--- a/frontend/src/components/article/index.js
+++ b/frontend/src/components/article/index.js
@@ -1,10 +1,11 @@
 import styled from 'styled-components';
 import { colors, breakpoints } from '@ui/shared/constants';
+import { unitcalc } from '@ui/shared/functions';
 
 // Main Contonent Wrapper Styles
 export default styled.article`
-  background-color: ${colors.base.grey};
-  padding: 2rem;
+  background-color: ${colors.base.background};
+  padding: ${unitcalc(1)};
 
   ${breakpoints.large`
     padding: 0;