diff --git a/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte b/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
index acb3132..1f780c6 100644
--- a/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
+++ b/frontend/src/lib/components/dashboard/DashboardInfoCard.svelte
@@ -59,7 +59,7 @@
 		<div class="mr-4">
 			<div on:click on:keydown class="flex flex-col">
 				<div class="flex flex-col h-20">
-					<InfoButton on:download={downloadPortfolio} on:showInfo={(_) => showDetails = !showDetails}></InfoButton>
+					<InfoButton bind:showDetails={showDetails} on:download={downloadPortfolio} on:showInfo={(_) => showDetails = !showDetails}></InfoButton>
 				</div>
 			</div>
 		</div>
diff --git a/frontend/src/lib/components/dashboard/InfoButton.svelte b/frontend/src/lib/components/dashboard/InfoButton.svelte
index 349a8ed..15402d6 100644
--- a/frontend/src/lib/components/dashboard/InfoButton.svelte
+++ b/frontend/src/lib/components/dashboard/InfoButton.svelte
@@ -4,6 +4,8 @@
 	import { createEventDispatcher } from 'svelte';
 	import { submissionProgress, UploadStatus } from '$lib/stores/portfolio';
 
+	export let showDetails: boolean;
+
 	const dispatch = createEventDispatcher();
 
 	const showInfo = () => {
@@ -16,10 +18,11 @@
 </script>
 
 <div class="flex flex-col">
+	<!-- TODO: better icon for "hide details"? -->
 	<div class="flex flex-col">
 		<span on:click={(_) => showInfo()} on:keydown={(_) => showInfo()} 
 		use:tippy={{
-			content: "Zobrazit osobní údaje",
+			content: (showDetails ? "Skrýt" : "Zobrazit") + " osobní údaje",
 			placement: 'top',
 			showOnCreate: false,
 			delay: 0