diff --git a/resources/css/app.css b/resources/css/app.css
index a29459c..d2f6419 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -30,8 +30,13 @@ body.loading > * {
 	overflow:	hidden;
 }
 
+.ui-layout-resizer,
+body > .ui-layout-south,
+body > div.ui-layout-north {
+	background: url('../img/viewport_background.png') repeat-x left bottom;
+}
+
 .ui-layout-resizer {
-	background: url('../img/viewport_background.png') repeat-x !important;
 	cursor: row-resize !important;
 }
 
@@ -256,7 +261,6 @@ body > .ui-layout-center > div {
 body > .ui-layout-south {
 	margin: 0;
 	padding: 0;
-	background: url('../img/viewport_background.png') repeat-x left bottom;
 	text-align: center;
 	height: 30px;
 	line-height: 25px;
@@ -343,7 +347,7 @@ div.dataTables_scrollHeadInner th {
 	color: #000;
 	border: none;
 }
-	
+
 	body > .ui-layout-center > div div.dataTables_scrollHeadInner th {
 		padding-left: 4px;
 	}
@@ -403,7 +407,6 @@ div.drag-table-item {
 }
 
 body > div.ui-layout-north {
-	background: url('../img/viewport_background.png') repeat-x;
 	height: 50px;
 }
 
diff --git a/resources/js/app.js b/resources/js/app.js
index a1e2a5b..c01c1c1 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -224,7 +224,11 @@ _
 			var that	= this
 			;
 
-			Backbone.Router.prototype.navigate("playlist", true);
+			if (!that.servers || that.servers.length === 0) {
+				Backbone.Router.prototype.navigate("about", true);
+			} else {
+				Backbone.Router.prototype.navigate("playlist", true);
+			}
 		}
 
 		, _routerActionAbout:			function () {