diff --git a/js/apps/system/aardvark/frontend/img/logo_arangodb_white.gif b/js/apps/system/aardvark/frontend/img/logo_arangodb_white.gif
new file mode 100644
index 0000000000..9c4700f42c
Binary files /dev/null and b/js/apps/system/aardvark/frontend/img/logo_arangodb_white.gif differ
diff --git a/js/apps/system/aardvark/index.html b/js/apps/system/aardvark/index.html
index 811a0bbd83..bafffe5e14 100644
--- a/js/apps/system/aardvark/index.html
+++ b/js/apps/system/aardvark/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" xmlns="http://www.w3.org/1999/html">
   <head>
       <!-- ArangoDB web interface -->
 
@@ -7,34 +7,24 @@
       <title>ArangoDB Web Interface</title>
       <meta name="description" content="ArangoDB Admin Web Interface">
       <meta name="author" content="Heiko Kernbach, Michael Hackstein">
-
-      <!-- NO EXTERNAL LINKS link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css' -->
-      <!-- NO EXTERNAL LINKS <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,700italic,700' rel='stylesheet' type='text/css'> -->
       <link href="css/style.css" rel="stylesheet">
+      <link href="css/sass.css" rel="stylesheet">
       <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
   </head>
 
   <body>
-    <div class="container">
-      <div class="header">
-        <div class="arango-top-nav navbar navbar-fixed-top" xmlns="http://www.w3.org/1999/html">
-          <div class="arango-nav navbar-inner">
-            <div class="container">
-              <a class="arango-logo brand navlogo" href="#"><img src="img/logo_arangob_white.gif"/></a>
-              <div class="nav-collapse arangoNavSwitch" id="navigationBar">
-              </div>
-            </div>
-          </div>
-        </div>
+    <nav class="navbar">
+      <a class="logo" href="#"><img src="img/logo_arangodb_white.gif"/></a>
+      <div class="navmenu" id="navigationBar">
       </div>
+    </nav>
+
+    <div class="row">
+      <div id="content" class="span12>"></div>
     </div>
 
-      <div class="row">
-        <div id="content" class="span12>"></div>
-      </div>
-
-      <div id="modalPlaceholder">
-      </div>
+    <div id="modalPlaceholder">
+    </div>
 
     </div>
 
diff --git a/js/apps/system/aardvark/manifest.json b/js/apps/system/aardvark/manifest.json
index b3af3f2124..35a907110c 100644
--- a/js/apps/system/aardvark/manifest.json
+++ b/js/apps/system/aardvark/manifest.json
@@ -92,6 +92,12 @@
       ]
     },
 
+    "css/sass.css": {
+      "files": [
+        "frontend/scss/b.css"
+      ]
+    },
+
     "css/style.css": {
       "files": [
         "frontend/css/openSansFont.css",
