diff --git a/docker/keycloak/themes/base/account/template.ftl b/docker/keycloak/themes/base/account/template.ftl
index fc4ebe3..1fe7662 100644
--- a/docker/keycloak/themes/base/account/template.ftl
+++ b/docker/keycloak/themes/base/account/template.ftl
@@ -5,7 +5,6 @@
     <meta charset="utf-8">
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta name="robots" content="noindex, nofollow">
-
     <title>${msg("accountManagementTitle")}</title>
     <link rel="icon" href="${url.resourcesPath}/img/favicon.ico">
     <#if properties.styles?has_content>
@@ -18,10 +17,41 @@
             <script type="text/javascript" src="${url.resourcesPath}/${script}"></script>
         </#list>
     </#if>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
 </head>
 <body class="admin-console user ${bodyClass}">
-        
-    <header class="navbar navbar-default navbar-pf navbar-main header">
+    <div id="header">
+    </div>
+    <ul id="keycloak_lang" class="nav navbar-nav navbar-utility" hidden>
+      <#if realm.internationalizationEnabled>
+              <div class="kc-dropdown" id="kc-locale-dropdown">
+                  <a href="#" id="kc-current-locale-link">${locale.current}</a>
+                  <ul>
+                      <#list locale.supported as l>
+                          <li class="kc-dropdown-item"><a href="${l.url}">${l.label}</a></li>
+                      </#list>
+                  </ul>
+              </div>
+      </#if>
+    </ul>
+    <script>
+
+      $(document).ready(function() {
+        $.ajax({
+          type: "GET",
+          url:  "https://api."+document.domain.split(/\.(.+)/)[1]+"/header/html/sso",
+          success: function(data) {
+            $('#header').html(data)
+            lang = $('#keycloak_lang').html()
+            $('#keycloak_lang').html('')
+            $('#navbar-nextcloud').html(lang + $('#navbar-nextcloud').html())
+          }
+        })
+        $('#dd-logo img').attr('src', "https://api."+document.domain.split(/\.(.+)/)[1]+"/img/dd.svg");
+      })
+    </script>
+
+    <!-- <header class="navbar navbar-default navbar-pf navbar-main header">
         <nav class="navbar" role="navigation">
             <div class="navbar-header">
                 <div class="container">
@@ -49,9 +79,9 @@
                 </div>
             </div>
         </nav>
-    </header>
+    </header> -->
 
-    <div class="container">
+    <div class="container" style="margin-top: 50px;">
         <div class="bs-sidebar col-sm-3">
             <ul>
                 <li class="<#if active=='account'>active</#if>"><a href="${url.accountUrl}">${msg("account")}</a></li>
diff --git a/docker/keycloak/themes/keycloak/account/resources/css/account.css b/docker/keycloak/themes/keycloak/account/resources/css/account.css
index 3878e43..8fc2b26 100644
--- a/docker/keycloak/themes/keycloak/account/resources/css/account.css
+++ b/docker/keycloak/themes/keycloak/account/resources/css/account.css
@@ -222,10 +222,11 @@ hr + .form-horizontal {
 }
 .kc-dropdown > a{
     display:block;
-    padding: 11px 10px 12px;
+    padding: 20px 10px 15px;
+    margin: 0px 15px 5px;
     line-height: 12px;
     font-size: 12px;
-    color: #fff !important;
+    /* color: #fff !important; */
     text-decoration: none;
 }
 .kc-dropdown > a::after{
