diff --git a/src/themes/d4science/login/template.ftl b/src/themes/d4science/login/template.ftl
index a6ed5be..3d78c3b 100644
--- a/src/themes/d4science/login/template.ftl
+++ b/src/themes/d4science/login/template.ftl
@@ -9,6 +9,7 @@
 
   <title>${properties.titleTag}</title>
   <link rel="icon" href="${properties.favicon}" />
+
   <style>
     html {
       position: relative;
@@ -30,6 +31,27 @@
     .footer a {
       color: #fff;
     }
+    .login-pf-social-link {
+		  padding: 0.5em 4.5em;
+    }
+    a.zocial {
+			display: block;
+			color: white;
+			font-weight: bold;
+			text-align: center;
+			text-decoration: none;
+			padding: 0.5em;
+			box-shadow: 2px 2px 2px darkgrey;
+    }
+    a.google {
+			background-color: rgb(209, 72, 54);
+    }
+    a.linkedin {
+      background-color: rgb(38, 114, 176);
+    }
+    a.facebook {
+			background-color: #3c66c4;
+    }		
   </style>
 
 </head>
@@ -55,14 +77,26 @@
     <nav class="navbar navbar-expand-lg navbar-light" style="${properties.navbarStyle}">
       <div>
         <ul class="navbar-nav">
-          <li class="nav-item active">Sign in</li>
+          <li class="nav-item active">${msg("doLogIn")}</li>
         </ul>
       </div>
     </nav>
   </header>
 
+  <!-- Realm data
+	<div id="kc-header" class="${properties.kcHeaderClass!}">
+    <div id="kc-header-wrapper" class="${properties.kcHeaderWrapperClass!}">${kcSanitize(msg("loginTitleHtml",(realm.displayNameHtml!'')))?no_esc}</div>
+  </div>
+	-->
+
   <div class="container-fluid">
 
+		<div class="row pt-3 pb-2">
+			<div class="col px-5">
+				<h3><#nested "header"></h3>
+			</div>
+		</div>
+		
     <#-- App-initiated actions should not see warning messages about the need to complete the action -->
     <#-- during login.                                                                               -->
     <#if displayMessage && message?has_content && (message.type != 'warning' || !isAppInitiatedAction??)>
@@ -75,8 +109,8 @@
         </div>
     </#if>
 
-    <div class="row">
-      <div class="col p-5">
+    <div class="row pb-5">
+      <div class="col px-5">
         
         <#nested "form">
 
diff --git a/src/themes/d4science/login/theme.properties b/src/themes/d4science/login/theme.properties
index 05fcc0f..b10b93f 100644
--- a/src/themes/d4science/login/theme.properties
+++ b/src/themes/d4science/login/theme.properties
@@ -1,4 +1,7 @@
 parent=keycloak
+import=common/keycloak
+
+style=lib/zocial/zocial.css
 
 titleTag=Login
 favicon=