diff --git a/src/components/UserInfo.astro b/src/components/UserInfo.astro
index f089b98..f7ac5b4 100644
--- a/src/components/UserInfo.astro
+++ b/src/components/UserInfo.astro
@@ -8,15 +8,13 @@ interface Props {
 const { session } = Astro.props;
 ---
 
-<div class="p-4 rounded-lg bg-gray-100 my-4">
-  {session ? (
+  {session && session.userData ? (
     <div class="text-gray-700">
-      <h2 class="m-0 mb-4 text-slate-800">{session.user?.name} | {session.user?.email}</h2>
+      <h2 class="m-0 mb-4 text-slate-800">{session.user?.email}</h2>
       <div class="bg-white p-4 rounded shadow-sm">
-        <p>Zure saldoa: {session.userData.amount}</p>
+        <p>Saldo: <strong>{session.userData.amount}€</strong></p>
       </div>
     </div>
   ) : (
-    <p class="text-gray-600 italic">Sartu zure kontua</p>
-  )}
-</div> 
\ No newline at end of file
+    <></>
+  )}
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index dea984c..26fc644 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -18,14 +18,15 @@ const session = await getUser(Astro.request, config);
 	<div class="flex justify-center">
 		<Image src={logo} alt="KarKarCar" class="max-w-xs" />
 	</div>
+	
 	<UserInfo session={session} />
 	<KarKarCarAuth>
 		{(session: KarKarCarSession) => (
 			<>
 				{session ? 
-					<SignOut class="px-8 py-4 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium text-xl">Logout</SignOut>
+					<SignOut class="px-8 py-4 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors duration-200 font-medium text-xl">Irten/Salir</SignOut>
 				:
-					<SignIn provider="keycloak" class="px-8 py-4 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium text-xl">Login</SignIn>
+					<SignIn provider="keycloak" class="px-8 py-4 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200 font-medium text-xl" style="background-color: #005f7d;">Sartu/Entrar</SignIn>
 				}
 			</>
 		)}