diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 54f8ec6f..c839548a 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -22,6 +22,7 @@
 				"isomorphic-dompurify": "^1.8.0",
 				"marked": "^11.1.1",
 				"svelte-codemirror-editor": "^1.1.0",
+				"svelte-device-info": "^1.0.0",
 				"svelte-highlight": "^7.4.6",
 				"svelte-multiselect": "^10.2.0",
 				"svelte-vega": "^2.1.0",
@@ -6852,6 +6853,11 @@
 				"svelte": "^3.0.0 || ^4.0.0"
 			}
 		},
+		"node_modules/svelte-device-info": {
+			"version": "1.0.0",
+			"resolved": "https://registry.npmjs.org/svelte-device-info/-/svelte-device-info-1.0.0.tgz",
+			"integrity": "sha512-KL5/fXmhKVtM4ogoj9xrFTPjoWtTy/a8VFA5kEooIJiL48+aETCG2/owMvrsoyBRybUkzVf4ixkj+DncpNWMqw=="
+		},
 		"node_modules/svelte-eslint-parser": {
 			"version": "0.33.1",
 			"resolved": "https://registry.npmjs.org/svelte-eslint-parser/-/svelte-eslint-parser-0.33.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 2ec38275..bf51ede7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -74,6 +74,7 @@
 		"isomorphic-dompurify": "^1.8.0",
 		"marked": "^11.1.1",
 		"svelte-codemirror-editor": "^1.1.0",
+		"svelte-device-info": "^1.0.0",
 		"svelte-highlight": "^7.4.6",
 		"svelte-multiselect": "^10.2.0",
 		"svelte-vega": "^2.1.0",
diff --git a/frontend/src/lib/components/home/HomeSearchBar.svelte b/frontend/src/lib/components/home/HomeSearchBar.svelte
index 747eddc4..77553717 100644
--- a/frontend/src/lib/components/home/HomeSearchBar.svelte
+++ b/frontend/src/lib/components/home/HomeSearchBar.svelte
@@ -47,7 +47,7 @@
 			</Fab>
 		{/if}
 	</div>
-	<div class="mt-4 flex h-full items-center md:ml-4 md:mt-0">
+	<div class="mt-4 hidden h-full items-center sm:flex md:ml-4 md:mt-0">
 		{#if loading}
 			<Spinner width={24} height={24} />
 		{/if}
diff --git a/frontend/src/lib/typings/index.d.ts b/frontend/src/lib/typings/index.d.ts
index 24adea57..b2a3fa5c 100644
--- a/frontend/src/lib/typings/index.d.ts
+++ b/frontend/src/lib/typings/index.d.ts
@@ -2,3 +2,4 @@
 declare module '@svelte-plugins/tooltips';
 declare module 'svelecte';
 declare module 'simple-svelte-autocomplete';
+declare module 'svelte-device-info';
diff --git a/frontend/src/routes/(app)/home/+layout.svelte b/frontend/src/routes/(app)/home/+layout.svelte
index 74ee40b7..8400c866 100644
--- a/frontend/src/routes/(app)/home/+layout.svelte
+++ b/frontend/src/routes/(app)/home/+layout.svelte
@@ -36,7 +36,7 @@
 				{/if}
 			</div>
 
-			<div class="ml-auto mr-10">
+			<div class="ml-auto mr-10 hidden sm:block">
 				<svg
 					width="300"
 					height="150"
diff --git a/frontend/src/routes/(app)/home/+page.svelte b/frontend/src/routes/(app)/home/+page.svelte
index bd9f7bbe..ef2f4217 100644
--- a/frontend/src/routes/(app)/home/+page.svelte
+++ b/frontend/src/routes/(app)/home/+page.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
+	import { browser } from '$app/environment';
 	import HomeCard from '$lib/components/home/HomeCard.svelte';
 	import HomeSearchBar from '$lib/components/home/HomeSearchBar.svelte';
 	import { inViewport } from '$lib/util/viewport';
-
 	import {
 		EntrySort,
 		EntryTypeFilter,
@@ -10,6 +10,7 @@
 		type ZenoService
 	} from '$lib/zenoapi/index.js';
 	import { getContext } from 'svelte';
+	import Device from 'svelte-device-info';
 
 	export let data;
 
@@ -21,6 +22,13 @@
 	let entries: HomeEntry[] = data.entries;
 	let loading = false;
 
+	if (browser) {
+		if (Device.isMobile) {
+			typeFilter = EntryTypeFilter.REPORT;
+			updateEntries(searchText, typeFilter, sort);
+		}
+	}
+
 	function updateEntries(searchString: string, typeFilter: EntryTypeFilter, sort: EntrySort) {
 		loading = true;
 		zenoClient
diff --git a/frontend/src/routes/(app)/home/[user]/+page.svelte b/frontend/src/routes/(app)/home/[user]/+page.svelte
index e504afc8..3167f805 100644
--- a/frontend/src/routes/(app)/home/[user]/+page.svelte
+++ b/frontend/src/routes/(app)/home/[user]/+page.svelte
@@ -1,10 +1,12 @@
 <script lang="ts">
+	import { browser } from '$app/environment';
 	import Banner from '$lib/components/general/Banner.svelte';
 	import HomeCard from '$lib/components/home/HomeCard.svelte';
 	import HomeSearchBar from '$lib/components/home/HomeSearchBar.svelte';
 	import { inViewport } from '$lib/util/viewport.js';
 	import { EntrySort, EntryTypeFilter, ZenoService, type HomeEntry } from '$lib/zenoapi/index.js';
 	import { getContext } from 'svelte';
+	import Device from 'svelte-device-info';
 
 	export let data;
 
@@ -16,6 +18,13 @@
 	let entries: HomeEntry[] = data.entries;
 	let loading = false;
 
+	if (browser) {
+		if (Device.isMobile) {
+			typeFilter = EntryTypeFilter.REPORT;
+			updateEntries(searchText, typeFilter, sort);
+		}
+	}
+
 	function updateEntries(searchString: string, typeFilter: EntryTypeFilter, sort: EntrySort) {
 		loading = true;
 		zenoClient