Fixes the date label on chart from breaking

components/chart/chart-legend.js

@@ -28,7 +28,7 @@ const styles = StyleSheet.create({
     width: CHART_YAXIS_WIDTH
   },
   text: {
-    ...Typography.label
+    ...Typography.label,
   },
   textBold: {
     ...Typography.labelBold

components/home.js

@@ -116,7 +116,6 @@ const Asterisk = () => {
 const styles = StyleSheet.create({
   asterisk: {
     color: Colors.orange,
-    paddingRight: Spacing.base,
   },
   container: {
     backgroundColor: Colors.purple,
@@ -150,6 +149,7 @@ const styles = StyleSheet.create({
   },
   greyText: {
     color: Colors.greyLight,
+    paddingLeft: Spacing.base,
   }
 })
 

styles/typography.js

@@ -11,7 +11,7 @@ export const fonts = {
 export const sizes = {
   tiny: 7 / fontRatio,
   footnote: 10 / fontRatio,
-  small: 14 / fontRatio,
+  small: 13 / fontRatio,
   base: 18 / fontRatio,
   subtitle: 22 / fontRatio,
   title: 24 / fontRatio,