diff --git a/index.html b/index.html
index b3625db..f499adc 100644
--- a/index.html
+++ b/index.html
@@ -10,7 +10,6 @@
 			text-align: center;
 			margin-top:20%;
 		}
-
 		#magic{
 			color: #777;
 			border-right: 1px solid #777;
@@ -24,32 +23,30 @@
 	Coding is <div id="magic"></div>
 
 	<script>
-
 		var words = ["fun", "exciting", "about not giving up", "being helpful", "being open", "what I learned at CodingDojo!"],
 			el = document.getElementById('magic'),
 			word_counter = 0,
 			character_counter = 0;
-
 		function updateText()
 		{
-			el.innerHTML = el.innerHTML+words[word_counter][character_counter++];
-
-			if(character_counter == words[word_counter].length)
+			var character = words[word_counter][character_counter++];
+			if(character==" "){
+				character = "&nbsp";
+			}
+			el.innerHTML += character;
+			if(character_counter > words[word_counter].length)
 			{
 				word_counter++; 	//choose a different word
 				character_counter = 0;	//start over with the first character of the word
 				el.innerHTML = '';  //set the html to be blank
-
 				//if we're displaying the last word, go back to the first word
 				if(word_counter == words.length)
 					word_counter = 0;
 			}
 		}
-
 		setInterval(updateText,300);
-
 	</script>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>