diff --git a/js/pages/geppetto/geppetto.ejs b/js/pages/geppetto/geppetto.ejs
index fb7399c97..06ba9a9ed 100644
--- a/js/pages/geppetto/geppetto.ejs
+++ b/js/pages/geppetto/geppetto.ejs
@@ -31,7 +31,7 @@
 	<% } %>
 	    
 </head>
-<body>
+<body style="margin: 0px">
 
 <!-- For index purposes -->
 <div style="display:none" id="content">
@@ -45,7 +45,10 @@ $content
 
 
 <div id="mainContainer">
-	<div id="loadingText" style="text-align:center; font-family: consolas; margin-top: 50px;} ">LOADING... [~3MB]</div>
+	<div id="loadingText" style="font-family: consolas;margin: 0px;">
+		<img src="geppetto/build/splash.png" style="max-width: 90%;margin: 0px;position: absolute;display: inline-block;text-align: center;vertical-align: middle;top: 2%;left: 5%;" alt="" onerror='document.getElementById("loadingMessage").style.display="block"' >
+		<span id="loadingMessage" style="display : none; margin-top: 50px" >LOADING... [~3MB]</span>
+	</div>
     <div id="controls" class="noSelection">
 		<div id="DownloadProjectButton" class="row"></div>
         <div id="SaveButton" class="row"></div>
