diff --git a/frontend/webpack/plugins.js b/frontend/webpack/plugins.js
index 8bc1c318..2a0e7882 100644
--- a/frontend/webpack/plugins.js
+++ b/frontend/webpack/plugins.js
@@ -27,6 +27,7 @@ module.exports = {
   'named-modules': () => new webpack.NamedModulesPlugin(),
   'define': () => new webpack.DefinePlugin({
     'process.env': {
+      BASELINE_GRID: JSON.stringify(process.env.BASELINE_GRID),
       NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development'),
       APP_NAME: JSON.stringify(pkg.name),
       APP_VERSION: JSON.stringify(pkg.version)
diff --git a/ui/src/components/baseline-grid/index.js b/ui/src/components/baseline-grid/index.js
index 29f2939a..dccbbe0a 100644
--- a/ui/src/components/baseline-grid/index.js
+++ b/ui/src/components/baseline-grid/index.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Baseline } from '../../shared/composers';
+import { unitcalc } from '../../shared/functions';
 import styled from 'styled-components';
 
 const StyledBaselineBackground = styled.div`
@@ -24,7 +25,7 @@ const StyledBaselineBackground = styled.div`
       transparent 50%,
       transparent
     );
-    background-size: 100% 6px;
+    background-size: 100% ${unitcalc(1)};
   }
 `;