diff --git a/components/header.js b/components/header.js
index a4d34145445e63a65fdfa1dae0b5c9d4ef858970..cb0e1aadfe588e4c40173b94eb960acf33a00f56 100644
--- a/components/header.js
+++ b/components/header.js
@@ -34,6 +34,7 @@ export default class Header extends Component {
         </View >
         :
         <View style={styles.header}>
+          <View style={styles.accentCircle} />
           <Text style={styles.dateHeader}>
             {this.props.title}
           </Text>
diff --git a/styles/index.js b/styles/index.js
index c1ba8f2e7075b7c7c44e43cb4ae550702425be8d..726929fba93b00e0cfd19557ac2e25a463366f43 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -54,6 +54,14 @@ export default StyleSheet.create({
     color: fontOnPrimaryColor,
     textAlign: 'center',
   },
+  accentCircle: {
+    borderColor: secondaryColor,
+    borderWidth: 2,
+    width: 50,
+    height: 50,
+    borderRadius: 100,
+    position: 'absolute'
+  },
   cycleDayNumber: {
     fontSize: 15,
     color: fontOnPrimaryColor,