diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..4ab3da3
Binary files /dev/null and b/.DS_Store differ
diff --git a/resources/.DS_Store b/resources/.DS_Store
new file mode 100644
index 0000000..7089bb5
Binary files /dev/null and b/resources/.DS_Store differ
diff --git a/resources/drawables/.DS_Store b/resources/drawables/.DS_Store
new file mode 100644
index 0000000..de66fbc
Binary files /dev/null and b/resources/drawables/.DS_Store differ
diff --git a/resources/drawables/heart-rate.png b/resources/drawables/heart-rate.png
new file mode 100644
index 0000000..7cc94a0
Binary files /dev/null and b/resources/drawables/heart-rate.png differ
diff --git a/resources/layouts/layout.xml b/resources/layouts/layout.xml
index 1e8291f..8aa57d8 100644
--- a/resources/layouts/layout.xml
+++ b/resources/layouts/layout.xml
@@ -1,52 +1,47 @@
 <layout id="MainLayout" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="https://developer.garmin.com/downloads/connect-iq/resources.xsd">
    <!-- Cadence Icon -->
 <bitmap id="cadence_icon" 
-    x="25%"
-    y="8%"
+    x="75%"
+    y="32%"
     filename="../drawables/cadence_icon.png" />
 
 <!-- Cadence Text -->
 <label id="cadence_text" 
-    x="60%" 
-    y="10%" 
-    font="Gfx.FONT_SMALL"
+    x="80%" 
+    y="center" 
+    font="Gfx.FONT_LARGE"
     justification="Gfx.TEXT_JUSTIFY_CENTER"
     color="Gfx.COLOR_GREEN" />
 
-<label id="cadence_zone"
-    x="60%"
-    y="20%"
-    font="Gfx.FONT_TINY"
-    justification="Gfx.TEXT_JUSTIFY_CENTER"
-    color="Gfx.COLOR_WHITE" />
+
 
 <!-- Heart Rate Icon -->
 <bitmap id="heartrate_icon" 
-    x="25%" 
+    x="15%" 
     y="32%"
-    filename="../drawables/heartrate_icon_red.png" />
+    filename="../drawables/heart-rate.png" />
 
 <!-- Heart Rate Text -->
 <label id="heartrate_text"
-    x="60%"
-    y="35%"
-    font="Gfx.FONT_SMALL"
+    x="20%"
+    y="center"
+    font="Gfx.FONT_LARGE"
     justification="Gfx.TEXT_JUSTIFY_CENTER"
     color="Gfx.COLOR_DK_RED" />
 
 <!-- Distance -->
 <label id="distance_text"
-    x="60%"
-    y="55%"
+    x="center"
+    y="70%"
     font="Gfx.FONT_SMALL"
     justification="Gfx.TEXT_JUSTIFY_CENTER"
-    color="Gfx.COLOR_BLUE" />
+    color="Gfx.COLOR_PURPLE" />
 
 <!-- Time -->
 <label id="time_text"
-    x="60%"
-    y="75%"
-    font="Gfx.FONT_SMALL"
+    x="center"
+    y="15%"
+    font="Gfx.FONT_LARGE"
     justification="Gfx.TEXT_JUSTIFY_CENTER"
     color="Gfx.COLOR_WHITE" />