diff --git a/src/routes/applications/index.svelte b/src/routes/applications/index.svelte
index 3c902a125..6ced3899b 100644
--- a/src/routes/applications/index.svelte
+++ b/src/routes/applications/index.svelte
@@ -48,16 +48,16 @@
 	{:else}
 		<div class="flex flex-col">
 			{#if $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div>
+				<div class="text-xl font-bold pb-5">Your Team's Applications</div>
 			{/if}
-			<div class="flex flex-col md:flex-row flex-wrap">
+			<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 				{#each ownApplications as application}
 					<Application {application} />
 				{/each}
 			</div>
 			{#if otherApplications.length > 0 && $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 pt-10 -ml-10">Other Team's Applications</div>
-				<div class="flex flex-col md:flex-row flex-wrap">
+				<div class="text-xl font-bold pb-5 pt-10">Other Team's Applications</div>
+				<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 					{#each otherApplications as application}
 						<Application {application} />
 					{/each}
diff --git a/src/routes/databases/index.svelte b/src/routes/databases/index.svelte
index 1e97b5fda..a15572b45 100644
--- a/src/routes/databases/index.svelte
+++ b/src/routes/databases/index.svelte
@@ -51,11 +51,11 @@
 			<div class="text-center text-xl font-bold">No databases found</div>
 		</div>
 	{:else}
-		<div class="flex flex-col">
+		<div class="flex flex-col px-8">
 			{#if $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Databases</div>
+				<div class="text-xl font-bold pb-5">Your Team's Databases</div>
 			{/if}
-			<div class="flex flex-col md:flex-row flex-wrap">
+			<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 				{#each ownDatabases as database}
 					<a href="/databases/{database.id}" class="no-underline p-2 w-96">
 						<div class="box-selection relative hover:bg-purple-600 group">
@@ -90,8 +90,8 @@
 				{/each}
 			</div>
 			{#if otherDatabases.length > 0 && $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 pt-10  -ml-10">Other Team's Databases</div>
-				<div class="flex flex-col md:flex-row flex-wrap">
+				<div class="text-xl font-bold pb-5 pt-10">Other Team's Databases</div>
+				<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 					{#each otherDatabases as database}
 						<a href="/databases/{database.id}" class="no-underline p-2 w-96">
 							<div class="box-selection relative hover:bg-purple-600 group">
diff --git a/src/routes/destinations/index.svelte b/src/routes/destinations/index.svelte
index 0ee85e7da..66e324472 100644
--- a/src/routes/destinations/index.svelte
+++ b/src/routes/destinations/index.svelte
@@ -64,9 +64,9 @@
 	{:else}
 		<div class="flex flex-col">
 			{#if $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Destinations</div>
+				<div class="text-xl font-bold pb-5">Your Team's Destinations</div>
 			{/if}
-			<div class="flex flex-col md:flex-row flex-wrap">
+			<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 				{#each ownDestinations as destination}
 					<a href="/destinations/{destination.id}" class="no-underline p-2 w-96">
 						<div class="box-selection hover:bg-sky-600">
@@ -81,8 +81,8 @@
 			</div>
 
 			{#if otherDestinations.length > 0 && $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 pt-10 -ml-10">Other Team's Destinations</div>
-				<div class="flex flex-col md:flex-row flex-wrap">
+				<div class="text-xl font-bold pb-5 pt-10">Other Team's Destinations</div>
+				<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 					{#each otherDestinations as destination}
 						<a href="/destinations/{destination.id}" class="no-underline p-2 w-96">
 							<div class="box-selection hover:bg-sky-600">
diff --git a/src/routes/services/index.svelte b/src/routes/services/index.svelte
index 80463beec..806f8bbe5 100644
--- a/src/routes/services/index.svelte
+++ b/src/routes/services/index.svelte
@@ -58,9 +58,9 @@
 	{:else}
 		<div class="flex flex-col">
 			{#if $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div>
+				<div class="text-xl font-bold pb-5">Your Team's Applications</div>
 			{/if}
-			<div class="flex flex-col md:flex-row flex-wrap">
+			<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 				{#each ownServices as service}
 					<a href="/services/{service.id}" class="no-underline p-2 w-96">
 						<div class="box-selection relative hover:bg-pink-600 group">
@@ -105,8 +105,8 @@
 				{/each}
 			</div>
 			{#if otherServices.length > 0 && $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 pt-10  -ml-10">Other Team's Applications</div>
-				<div class="flex flex-col md:flex-row flex-wrap">
+				<div class="text-xl font-bold pb-5 pt-10  ">Other Team's Applications</div>
+				<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 					{#each otherServices as service}
 						<a href="/services/{service.id}" class="no-underline p-2 w-96">
 							<div class="box-selection relative hover:bg-pink-600 group">
diff --git a/src/routes/sources/index.svelte b/src/routes/sources/index.svelte
index 51d04c967..b08563bf3 100644
--- a/src/routes/sources/index.svelte
+++ b/src/routes/sources/index.svelte
@@ -62,9 +62,9 @@
 	{:else}
 		<div class="flex flex-col">
 			{#if $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div>
+				<div class="text-xl font-bold pb-5">Your Team's Applications</div>
 			{/if}
-			<div class="flex flex-col md:flex-row flex-wrap">
+			<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 				{#each ownSources as source}
 					<a href="/sources/{source.id}" class="no-underline p-2 w-96">
 						<div
@@ -90,8 +90,8 @@
 			</div>
 
 			{#if otherSources.length > 0 && $session.teamId === '0'}
-				<div class="text-xl font-bold pb-5 pt-10  -ml-10">Other Team's Applications</div>
-				<div class="flex flex-col md:flex-row flex-wrap">
+				<div class="text-xl font-bold pb-5 pt-10  ">Other Team's Applications</div>
+				<div class="flex flex-col md:flex-row flex-wrap px-2 justify-center">
 					{#each otherSources as source}
 						<a href="/sources/{source.id}" class="no-underline p-2 w-96">
 							<div
diff --git a/src/routes/teams/index.svelte b/src/routes/teams/index.svelte
index 6c52c62bf..7ff8dede8 100644
--- a/src/routes/teams/index.svelte
+++ b/src/routes/teams/index.svelte
@@ -103,8 +103,8 @@
 {/if}
 <div class="flex flex-wrap justify-center">
 	<div class="flex flex-col">
-		<div class="-ml-10 pb-5 text-xl font-bold">Current Team</div>
-		<div class="flex flex-col flex-wrap md:flex-row">
+		<div class=" pb-5 text-xl font-bold">Current Team</div>
+		<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
 			{#each ownTeams as team}
 				<a href="/teams/{team.teamId}" class="w-96 p-2 no-underline">
 					<div
@@ -123,8 +123,8 @@
 			{/each}
 		</div>
 
-		<div class="-ml-10 pb-5 pt-10 text-xl  font-bold">Other Teams</div>
-		<div class="flex flex-col flex-wrap md:flex-row">
+		<div class=" pb-5 pt-10 text-xl font-bold">Other Teams</div>
+		<div class="flex flex-col flex-wrap justify-center px-2 md:flex-row">
 			{#each otherTeams as team}
 				<a href="/teams/{team.teamId}" class="w-96 p-2 no-underline">
 					<div