diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
index b229aef..52a26a1 100644
--- a/src/routes/(app)/+layout.svelte
+++ b/src/routes/(app)/+layout.svelte
@@ -18,7 +18,7 @@
 		</a>
 		<p class="mx-2 text-2xl">|</p>
 		<div class="ml-1 relative inline-block dropdown">
-			<button class="hover:text-zinc-200" href="/my/profile"
+			<button class="hover:text-zinc-200 truncate" href="/my/profile"
 				>Only16Characters
 				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 inline-block">
 					<path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" />
diff --git a/src/routes/(app)/users/[id]/+page.svelte b/src/routes/(app)/users/[id]/+page.svelte
new file mode 100644
index 0000000..6f22139
--- /dev/null
+++ b/src/routes/(app)/users/[id]/+page.svelte
@@ -0,0 +1,3 @@
+<div class="mx-auto rounded-lg shadow border border-gray-300 flex p-2">
+	<img class="rounded-full border-2 border-grey-300 w-36 h-36 px-2 shadow-lg" src="" alt="" />
+</div>