diff --git a/include/views/default/crunchbutton/frontend/connection.error.phtml b/include/views/default/crunchbutton/frontend/connection.error.phtml
index 0433d8c00..24ad03d95 100644
--- a/include/views/default/crunchbutton/frontend/connection.error.phtml
+++ b/include/views/default/crunchbutton/frontend/connection.error.phtml
@@ -1,3 +1,3 @@
 <div class="connection-error">
-	<i class="icon-warning-sign"></i> Sorry no internet connection!
+	<div class="connection-error-image"></div>
 </div>
\ No newline at end of file
diff --git a/www/assets/css/style.css b/www/assets/css/style.css
index afea349bb..b41912c3a 100644
--- a/www/assets/css/style.css
+++ b/www/assets/css/style.css
@@ -2872,7 +2872,17 @@ h1.about-header {
 	z-index:1000;
 	position:absolute;
 	background:#FFF;
-	padding-top: 10px;
 	text-align: center;
 	display:none;
+	background: #fff9ea;
+	overflow: hidden;
+}
+
+.connection-error-image {
+	background: url(../images/ui-error-connection.png) no-repeat;
+	width: 267px;
+	height: 386px;
+	background-size: 100%;
+	margin: 0 auto;
+	margin-top: 20%;
 }
\ No newline at end of file
diff --git a/www/assets/images/ui-error-connection.png b/www/assets/images/ui-error-connection.png
new file mode 100644
index 000000000..c93e88c47
Binary files /dev/null and b/www/assets/images/ui-error-connection.png differ