diff --git a/luciexpress/htdocs/plugins/core/css/top-bar.css b/luciexpress/htdocs/plugins/core/css/top-bar.css
new file mode 100644
index 000000000..d75b5b5c8
--- /dev/null
+++ b/luciexpress/htdocs/plugins/core/css/top-bar.css
@@ -0,0 +1,27 @@
+.top-bar .box-model {
+    font-size: 26px;
+    padding-top: 15px;
+    font-family: 'vodafont';"
+}
+
+.top-bar .outer-select {
+    float: right;
+    padding-top: 10px;
+}
+
+.top-bar .inner-select {
+    width: 200px;
+    margin-top: 5px;
+}
+
+.top-bar .inner-select .btn {
+    font-size: 16px;
+}
+
+.top-bar .inner-select .dropdown-menu {
+    font-size: 16px;
+}
+
+.ui-select-bootstrap .ui-select-choices-row.active>a {
+    background-color: #777 !important;
+}
\ No newline at end of file
diff --git a/luciexpress/htdocs/plugins/core/widgets/luci.top_bar.html b/luciexpress/htdocs/plugins/core/widgets/luci.top_bar.html
index d5fbda218..2f34da2e1 100644
--- a/luciexpress/htdocs/plugins/core/widgets/luci.top_bar.html
+++ b/luciexpress/htdocs/plugins/core/widgets/luci.top_bar.html
@@ -1,22 +1,23 @@
-
 <div class="top-bar">
-	<div class="container">
-		<div class="row">
-			<div class="col-xs-5" style="font-size: 28px; padding-top: 10px;">{{ model }}</div>
-			<div style="float: right; margin-top: 10px; ">
-				<ui-select ng-model="selectedMode"
-						 theme="bootstrap"
-						 search-enabled="false"
-						 on-select="onChangeMode($item, $model)"
-						 style="width: 150px;"
-				>
-						<ui-select-match placeholder="{{'Basic'|translate}}">{{$select.selected.label}}</ui-select-match>
-						<ui-select-choices repeat="mode in guiModes"
-										 refresh-delay="0">
-							<div >{{mode.label}}</div>
-						</ui-select-choices>
-				</ui-select>
-			</div>
-		</div>
-	</div>
+    <div class="container">
+        <div class="row">
+            <div class="col-xs-1"></div>
+            <div class="col-xs-10">
+                <div class="outer-select">
+                    <ui-select ng-model="selectedMode"
+                               theme="bootstrap"
+                               search-enabled="false"
+                               on-select="onChangeMode($item, $model)"
+                               class="inner-select" >
+                        <ui-select-match placeholder="{{'Basic'|translate}}">{{$select.selected.label}}</ui-select-match>
+                        <ui-select-choices repeat="mode in guiModes" refresh-delay="0">
+                            <div>{{mode.label}}</div>
+                        </ui-select-choices>
+                    </ui-select>
+                </div>
+                <div class="box-model">{{ model }}</div>
+            </div>
+            <div class="col-xs-1"></div>
+        </div>
+    </div>
 </div>
diff --git a/luciexpress/htdocs/themes/vodafone/css/theme.css b/luciexpress/htdocs/themes/vodafone/css/theme.css
index 904eb9c6b..d0ad6d32f 100644
--- a/luciexpress/htdocs/themes/vodafone/css/theme.css
+++ b/luciexpress/htdocs/themes/vodafone/css/theme.css
@@ -230,4 +230,5 @@ h1, h2 {
 
 .wifi-enabled {
     color: #a8b400;
-}
\ No newline at end of file
+}
+
diff --git a/luciexpress/htdocs/themes/vodafone/vodafone.js b/luciexpress/htdocs/themes/vodafone/vodafone.js
index 88cf7bdd7..6ba09eb4c 100644
--- a/luciexpress/htdocs/themes/vodafone/vodafone.js
+++ b/luciexpress/htdocs/themes/vodafone/vodafone.js
@@ -5,7 +5,7 @@ angular.module("luci").config(function($provide){
 		"luciLayoutSingleColumnDirective": "/widgets/luci.layout.single_column.html", 
 		"luciLayoutWithSidebarDirective": "/widgets/luci.layout.with_sidebar.html", 
 		"luciNavbarDirective": "/widgets/luci.navbar.html",
-		"luciTopBarDirective": "/widgets/luci.top_bar.html"
+		//"luciTopBarDirective": "/widgets/luci.top_bar.html"
 	}; 
 	var plugin_root = "/themes/vodafone/"; 
 	Object.keys(overrides).map(function(k){