diff --git a/src/lib/components/activity.svelte b/src/lib/components/activity.svelte
index 88c2a83..72846c4 100644
--- a/src/lib/components/activity.svelte
+++ b/src/lib/components/activity.svelte
@@ -3,14 +3,17 @@
 	export let activity: MeWoachFeedActivity.Record[] = [];
 </script>
 
-<ul>
-	{#each activity as activityItem}
-		<li class="mx-auto mb-2 w-1/3 bg-gray-600 p-4">
-			<div>
-				<p>{activityItem.performedAt}</p>
-				<p>{activityItem.progress}</p>
-				<p>{activityItem.session.uri}</p>
-			</div>
-		</li>
-	{/each}
-</ul>
+<div class="col-span-2 rounded-sm bg-gray-400 p-2">
+	<h1>Activity:</h1>
+	<ul>
+		{#each activity as activityItem}
+			<li class="mx-auto mb-2 rounded-sm bg-gray-500 p-4">
+				<div>
+					<p>{activityItem.performedAt}</p>
+					<p>{activityItem.progress}</p>
+					<p>{activityItem.session.uri}</p>
+				</div>
+			</li>
+		{/each}
+	</ul>
+</div>
diff --git a/src/lib/components/list.svelte b/src/lib/components/list.svelte
index 444805b..69b3dcd 100644
--- a/src/lib/components/list.svelte
+++ b/src/lib/components/list.svelte
@@ -3,20 +3,23 @@
 	export let sessions: MeWoachFeedSession.Record[] = [];
 </script>
 
-<ul>
-	{#each sessions as session}
-		<li class="mx-auto mb-2 w-1/3 bg-gray-400 p-4">
-			<div>
-				<a href={'https://pdsls.dev/' + session.content.uri}>{session.label}</a>
-				<p>{session.createdAt}</p>
-				{#if session.participants?.length}
-					{#each session.participants ?? [] as participant}
-						<a href={'/user/' + participant.uri.split('at://')[1]}
-							>{participant.uri.split('at://')[1]}</a
-						>
-					{/each}
-				{/if}
-			</div>
-		</li>
-	{/each}
-</ul>
+<div class="h-auto rounded-sm bg-gray-400 p-2">
+	<h1>List:</h1>
+	<ul>
+		{#each sessions as session}
+			<li class="mx-auto mb-2 rounded-sm bg-gray-500 p-4">
+				<div>
+					<a href={'https://pdsls.dev/' + session.content.uri}>{session.label}</a>
+					<p>{session.createdAt}</p>
+					{#if session.participants?.length}
+						{#each session.participants ?? [] as participant}
+							<a href={'/user/' + participant.uri.split('at://')[1]}
+								>{participant.uri.split('at://')[1]}</a
+							>
+						{/each}
+					{/if}
+				</div>
+			</li>
+		{/each}
+	</ul>
+</div>
diff --git a/src/routes/user/[handle]/+page.svelte b/src/routes/user/[handle]/+page.svelte
index 4c5d477..274b5f0 100644
--- a/src/routes/user/[handle]/+page.svelte
+++ b/src/routes/user/[handle]/+page.svelte
@@ -8,5 +8,7 @@
 
 <h1>{data.handle}</h1>
 
-<List sessions={data.sessions} />
-<Activity activity={data.activity} />
+<div class="mx-auto grid w-3/4 grid-cols-3 gap-4">
+	<Activity activity={data.activity} />
+	<List sessions={data.sessions} />
+</div>
diff --git a/src/routes/user/[handle]/+page.ts b/src/routes/user/[handle]/+page.ts
index f0e9d58..dfe0416 100644
--- a/src/routes/user/[handle]/+page.ts
+++ b/src/routes/user/[handle]/+page.ts
@@ -18,8 +18,6 @@ export const load: PageLoad = async ({ params }) => {
 		(record: ComAtprotoRepoListRecords.Record) => record.value as MeWoachFeedActivity.Record
 	);
 
-	console.log(activity);
-
 	return {
 		handle: params.handle,
 		sessions: sessions,