diff --git a/themes/cloud.autonomic.zone/assets/scss/main.scss b/themes/cloud.autonomic.zone/assets/scss/main.scss
index 0238890..39cd9ed 100644
--- a/themes/cloud.autonomic.zone/assets/scss/main.scss
+++ b/themes/cloud.autonomic.zone/assets/scss/main.scss
@@ -165,6 +165,11 @@ hr {
 
 footer .content a {
     color: $white;
+    text-decoration: none;
+}
+
+footer .separator {
+    padding: 0 10px;
 }
 
 // Do not show server image when using mobile viewport
diff --git a/themes/cloud.autonomic.zone/layouts/partials/footer.html b/themes/cloud.autonomic.zone/layouts/partials/footer.html
index fff203f..145307b 100644
--- a/themes/cloud.autonomic.zone/layouts/partials/footer.html
+++ b/themes/cloud.autonomic.zone/layouts/partials/footer.html
@@ -2,7 +2,7 @@
   <div class="content has-text-centered has-text-white">
     <p class="block">
       {{ range $index, $item := site.Params.links.footer }}
-        {{ if gt $index 0 }}| {{ end }}<a href="{{ $item.link }}">{{ $item.name }}</a> 
+        {{ if gt $index 0 }}<span class="separator">|</span>{{ end }}<a href="{{ $item.link }}">{{ $item.name }}</a>
       {{ end }}
     </p>
     <p>