diff --git a/client/core/src/directives/repeat.js b/client/core/src/directives/repeat.js
new file mode 100644
index 000000000..643b86a4a
--- /dev/null
+++ b/client/core/src/directives/repeat.js
@@ -0,0 +1,16 @@
+import {module} from '../module';
+
+directive.$inject = ['$compile'];
+function directive($compile) {
+    return {
+        restrict: 'A',
+        priority: 9999,
+        link: function(scope, element, attrs) {
+            element.removeAttr('vn-repeat');
+            element.attr('ng-repeat', attrs.vnRepeat);
+            $compile(element)(scope);
+        }
+    };
+}
+
+module.directive('vnRepeat', directive);
diff --git a/client/salix/src/components/topbar/style.css b/client/salix/src/components/topbar/style.css
new file mode 100644
index 000000000..b09b3fa2b
--- /dev/null
+++ b/client/salix/src/components/topbar/style.css
@@ -0,0 +1,6 @@
+header {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    color: #ffffff;
+}
diff --git a/client/salix/src/components/topbar/topbar.html b/client/salix/src/components/topbar/topbar.html
index 1db5913ae..0a0498ca6 100644
--- a/client/salix/src/components/topbar/topbar.html
+++ b/client/salix/src/components/topbar/topbar.html
@@ -1,2 +1,2 @@
-<header class="bg-dark-bar" style="height: 4.2em; color: white;" ng-transclude>
+<header class="bg-dark-bar" ng-transclude>
 </header>
\ No newline at end of file
diff --git a/client/salix/src/components/topbar/topbar.js b/client/salix/src/components/topbar/topbar.js
index 6ded9212d..9e8a690c3 100644
--- a/client/salix/src/components/topbar/topbar.js
+++ b/client/salix/src/components/topbar/topbar.js
@@ -1,4 +1,5 @@
 import ngModule from '../../module';
+import './style.css';
 
 ngModule.component('vnTopbar', {
     template: require('./topbar.html'),