diff --git a/dashboard/src/components/text.tsx b/dashboard/src/components/text.tsx
index 58761d1c01..5f291806e9 100644
--- a/dashboard/src/components/text.tsx
+++ b/dashboard/src/components/text.tsx
@@ -13,7 +13,7 @@ export const H2 = styled.h2`
   ${fontRegular};
   font-size: 2rem;
   line-height: 3.5rem;
-  color: ${props => props.color || colors.lightBlack};
+  color: ${props => props.color || colors.gardenBlack};
   margin: 0 0 2rem 0;
 `
 
@@ -21,6 +21,6 @@ export const H3 = styled.h3`
   ${fontRegular};
   font-size: 1.75rem;
   line-height: 3.2rem;
-  color: ${props => props.color || colors.lightBlack};
+  color: ${props => props.color || colors.gardenBlack};
   margin: 0 0 2rem 0;
 `
diff --git a/dashboard/src/styles/variables.ts b/dashboard/src/styles/variables.ts
index 498ea78510..d9faa56ad9 100644
--- a/dashboard/src/styles/variables.ts
+++ b/dashboard/src/styles/variables.ts
@@ -10,9 +10,6 @@ export const tablet = 768
 export const desktop = 992
 export const big = 1680
 
-export const MOBILE_SECTIONS_MARGIN = "48px"
-// TODO Find proper fonts and set weights
-
 export const fontFamily = `font-family: Raleway, Arial, Helvetica, sans-serif`
 export const fontBold = `${fontFamily};font-weight: 700;`
 export const fontRegular = `${fontFamily};font-weight: 400;`