diff --git a/flappy.svg b/flappy.svg
index f1b78a7..6b45736 100644
--- a/flappy.svg
+++ b/flappy.svg
@@ -64684,6 +64684,43 @@ AAAASUVORK5CYII=
          id="tspan17169">0</tspan>
     </text>
   </g>
+
+<!-- Distance display below --> 
+
+<g inkscape:groupmode="layer"
+     id="layer_dist"
+     inkscape:label="distance_board"
+     style="display:none"
+     sodipodi:insensitive="true">
+	<rect 
+		x="346.15741" 
+		y="41.685188" 
+		width="133.68518" 
+		height="41.685188"
+		style="display:inline;fill:url(#radialGradient17165);fill-opacity:1;stroke:#ffffff;stroke-width:2.31481266;stroke-miterlimit:4;stroke-dasharray:none" 
+		id="rect_d1" />
+	<text 
+		x="346.15741" 
+		y="68.527782" 
+       		style="font-size:20px;font-family:Verdana;fill:#ff0000">
+		<tspan
+			style="font-size:20px;fill:#00ff00"
+			id="tspan17167">Distance:
+		</tspan>
+    	</text> 
+	<text
+		x="444"
+       		y="68.527782"
+       		id="score"
+       		style="font-size:25px;fill:#00ffff">
+      		<tspan
+         		style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25px;font-family:Stencil;-inkscape-font-specification:Stencil;fill:#00ffff"
+         		id="tspan_distance">0</tspan>
+    </text>
+</g>
+
+<!-- Distance display above --> 
+
   <g
      inkscape:groupmode="layer"
      id="layer17"
diff --git a/javascript/flapping.js b/javascript/flapping.js
index 3822beb..9f645c8 100644
--- a/javascript/flapping.js
+++ b/javascript/flapping.js
@@ -52,6 +52,7 @@ Flappy.prototype = {
     },
 
     checkCollision : function() {
+        updateDistance();
         var flappy_rect = this.layer.getBoundingClientRect();
         for (i = 0; i < 3; i++) {
             if (i >= obstacles.length)
@@ -68,7 +69,7 @@ Flappy.prototype = {
             } else {
 				var gameOverSound = new Audio("../flappy-svg/Sounds/GameOver.mp3");
 				gameOverSound.play();
-				alert('Game Over :( Final Score: ' + Number(document.getElementById("tspan17169").innerHTML));
+				alert('Game Over :( Final Score: ' + Number(document.getElementById("tspan17169").innerHTML) + ', Distance: ' + Number(document.getElementById("tspan_distance").innerHTML));
 			}
 
             if (c || o_rect.right < flappy_rect.left)
@@ -148,10 +149,10 @@ function getCenteredrect(rect){
 function isOverlap(e1, e2) {
     rect1 = getCenteredrect(e1);
     rect2 = getCenteredrect(e2);
-    if (rect1.x < rect2.x + rect2.width &&
-   rect1.x + rect1.width > rect2.x &&
-   rect1.y < rect2.y + rect2.height &&
-   rect1.height + rect1.y > rect2.y)
+    if (rect1.x < rect2.x + rect2.width/2 &&
+   rect1.x + rect1.width/2 > rect2.x &&
+   rect1.y < rect2.y + rect2.height/2 &&
+   rect1.height/2 + rect1.y > rect2.y)
         return true;
     else return false;
 }
diff --git a/javascript/score.js b/javascript/score.js
index bffbf1c..7cb7c89 100644
--- a/javascript/score.js
+++ b/javascript/score.js
@@ -3,3 +3,9 @@ function updateScore(){
 	var score = Number(score_element.innerHTML);
 	score_element.innerHTML = score+1;
 }
+
+function updateDistance(){
+    var distance_element = document.getElementById("tspan_distance");
+    var distance = Number(distance_element.innerHTML);
+    distance_element.innerHTML = distance+1;
+}
diff --git a/javascript/start_screen.js b/javascript/start_screen.js
index dcd5e12..6426863 100644
--- a/javascript/start_screen.js
+++ b/javascript/start_screen.js
@@ -11,6 +11,7 @@ function startGame() {
     // this must be configured one mousedown event in the start screen
     layerNamed('startscreen').style.display = 'none'; // none = hide layer
     layerNamed('score_board').style.display = 'inline';
+    layerNamed('distance_board').style.display = 'inline';
     startFlapping('bird');
     startMovingBackgound('background', -7);
     startMovingBackgound('cactus', -7);