diff --git a/src/routes/applications/index.svelte b/src/routes/applications/index.svelte
index 049bded43..3c902a125 100644
--- a/src/routes/applications/index.svelte
+++ b/src/routes/applications/index.svelte
@@ -50,14 +50,14 @@
 			{#if $session.teamId === '0'}
 				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div>
 			{/if}
-			<div class="flex flex-col md:flex-row">
+			<div class="flex flex-col md:flex-row flex-wrap">
 				{#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">
+				<div class="flex flex-col md:flex-row flex-wrap">
 					{#each otherApplications as application}
 						<Application {application} />
 					{/each}
diff --git a/src/routes/databases/index.svelte b/src/routes/databases/index.svelte
index 26fc89d9c..1e97b5fda 100644
--- a/src/routes/databases/index.svelte
+++ b/src/routes/databases/index.svelte
@@ -55,7 +55,7 @@
 			{#if $session.teamId === '0'}
 				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Databases</div>
 			{/if}
-			<div class="flex flex-col md:flex-row">
+			<div class="flex flex-col md:flex-row flex-wrap">
 				{#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">
@@ -91,7 +91,7 @@
 			</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">
+				<div class="flex flex-col md:flex-row flex-wrap">
 					{#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 f78f8dc7a..0ee85e7da 100644
--- a/src/routes/destinations/index.svelte
+++ b/src/routes/destinations/index.svelte
@@ -66,7 +66,7 @@
 			{#if $session.teamId === '0'}
 				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Destinations</div>
 			{/if}
-			<div class="flex flex-col md:flex-row">
+			<div class="flex flex-col md:flex-row flex-wrap">
 				{#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">
+				<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">
 					{#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 19f651d7e..80463beec 100644
--- a/src/routes/services/index.svelte
+++ b/src/routes/services/index.svelte
@@ -60,7 +60,7 @@
 			{#if $session.teamId === '0'}
 				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div>
 			{/if}
-			<div class="flex flex-col md:flex-row">
+			<div class="flex flex-col md:flex-row flex-wrap">
 				{#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">
@@ -106,7 +106,7 @@
 			</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">
+				<div class="flex flex-col md:flex-row flex-wrap">
 					{#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 8fe0617dc..51d04c967 100644
--- a/src/routes/sources/index.svelte
+++ b/src/routes/sources/index.svelte
@@ -64,7 +64,7 @@
 			{#if $session.teamId === '0'}
 				<div class="text-xl font-bold pb-5 -ml-10">Your Team's Applications</div>
 			{/if}
-			<div class="flex flex-col md:flex-row">
+			<div class="flex flex-col md:flex-row flex-wrap">
 				{#each ownSources as source}
 					<a href="/sources/{source.id}" class="no-underline p-2 w-96">
 						<div
@@ -91,7 +91,7 @@
 
 			{#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">
+				<div class="flex flex-col md:flex-row flex-wrap">
 					{#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 ee8269234..6c52c62bf 100644
--- a/src/routes/teams/index.svelte
+++ b/src/routes/teams/index.svelte
@@ -104,7 +104,7 @@
 <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 md:flex-row">
+		<div class="flex flex-col flex-wrap md:flex-row">
 			{#each ownTeams as team}
 				<a href="/teams/{team.teamId}" class="w-96 p-2 no-underline">
 					<div
@@ -124,7 +124,7 @@
 		</div>
 
 		<div class="-ml-10 pb-5 pt-10 text-xl  font-bold">Other Teams</div>
-		<div class="flex">
+		<div class="flex flex-col flex-wrap md:flex-row">
 			{#each otherTeams as team}
 				<a href="/teams/{team.teamId}" class="w-96 p-2 no-underline">
 					<div