diff --git a/src/components/layout/Hairline/index.js b/src/components/layout/Hairline/index.js
index 99c4912d..cf47e673 100644
--- a/src/components/layout/Hairline/index.js
+++ b/src/components/layout/Hairline/index.js
@@ -1,10 +1,11 @@
 // @flow
 import * as React from 'react'
+import { border } from '~/theme/variables'
 
 const hairlineStyle = {
   width: '100%',
   height: '2px',
-  backgroundColor: '#d5d4d6',
+  backgroundColor: border,
   margin: '20px 0px',
 }