diff --git a/index.html b/index.html
index 21904b8..7bb500c 100644
--- a/index.html
+++ b/index.html
@@ -11,12 +11,6 @@
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>geOrchestra header</title>
-    <style>
-      html {
-        --primary: #85127e;
-        --secondary: #1b1f3b;
-      }
-    </style>
   </head>
   <body style="margin: 0">
     <geor-header
diff --git a/src/header.ce.vue b/src/header.ce.vue
index bf84355..ac1a3ed 100644
--- a/src/header.ce.vue
+++ b/src/header.ce.vue
@@ -173,8 +173,8 @@ onMounted(() => {
         </nav>
       </div>
       <div></div>
-      <div class="flex justify-center items-center">
-        <div v-if="!isAnonymous" class="flex gap-4 items-baseline mx-6">
+      <div class="flex justify-center items-center mx-6">
+        <div v-if="!isAnonymous" class="flex gap-4 items-baseline">
           <a
             class="link-btn"
             href="/console/account/userdetails"
