diff --git a/frontend/src/app.html b/frontend/src/app.html
index b8fadaf..2418499 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" style="width: 100vw; height: 100vh">
+<html lang="en" style="width: 100%; height: 100%">
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
diff --git a/frontend/src/lib/family_tree/PersonNode.svelte b/frontend/src/lib/family_tree/PersonNode.svelte
index 1682eae..11c91b0 100644
--- a/frontend/src/lib/family_tree/PersonNode.svelte
+++ b/frontend/src/lib/family_tree/PersonNode.svelte
@@ -32,7 +32,7 @@
 	<div class="card-body items-center text-center w-30">
 		<div class="avatar">
 			<figure class="w-24 mask mask-squircle">
-				<img src={data.profile_picture} alt="Picture of {data.last_name} {data.first_name}" />
+				<img src={'https://cdn-icons-png.flaticon.com/512/3607/3607444.png'} alt="Picture of {data.last_name} {data.first_name}" />
 			</figure>
 		</div>
 		<h2 class="card-title text-base-content">
diff --git a/frontend/src/lib/family_tree/PersonPanel.svelte b/frontend/src/lib/family_tree/PersonPanel.svelte
index 8987c5c..907fa80 100644
--- a/frontend/src/lib/family_tree/PersonPanel.svelte
+++ b/frontend/src/lib/family_tree/PersonPanel.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
+	import { fetch_profile } from './getProfile';
 	export let data = {
 		id: '',
 		last_name: 'Nem',
@@ -11,6 +12,10 @@
 
 	onMount(() => {
 		if (dialog) dialog.showModal();
+		fetch_profile(data.id).then((data) => {
+			data = data
+		});
+		data.profile_picture = 'https://cdn-icons-png.flaticon.com/512/3607/3607444.png';
 	});
 </script>
 
@@ -30,14 +35,14 @@
 				<div>
 					<h1 class="text-5xl font-bold">
 						{data.first_name}
-						{data.middle_name}
+						{data.middle_name ? data.middle_name : ''}
 						{data.last_name}
 					</h1>
 					<p class="py-6">
 						Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi
 						exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.
 					</p>
-					<button class="btn btn-primary">Get Started</button>
+					
 				</div>
 			</div>
 		</div>
