diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 275370b59..db6d6159b 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -181,14 +181,14 @@
 				<div class=" h-full mb-32 w-full flex flex-col">
 					{#if Object.keys(chatHistory).length == 0}
 						<div class="m-auto text-center max-w-md">
-							<div class="flex justify-center">
+							<div class="flex justify-center mt-8">
 								<img src="/ollama.png" class="w-16 invert-[80%]" />
 							</div>
 							<div class="mt-6 text-3xl text-gray-500 font-semibold">
 								Get up and running with large language models, locally.
 							</div>
 
-							<div class=" mt-4 text-gray-600">
+							<div class=" my-4 text-gray-600">
 								Run Llama 2, Code Llama, and other models. <br /> Customize and create your own.
 							</div>
 						</div>
diff --git a/src/tailwind.css b/src/tailwind.css
index c0bcb5991..60b6b04c4 100644
--- a/src/tailwind.css
+++ b/src/tailwind.css
@@ -4,13 +4,13 @@
 
 @layer base {
 	html {
-		font-family: 'Arimo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu,
+		font-family: -apple-system, 'Arimo', ui-sans-serif, system-ui, 'Segoe UI', Roboto, Ubuntu,
 			Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji',
 			'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 	}
 
 	pre {
-		font-family: 'Arimo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Ubuntu,
+		font-family: -apple-system, 'Arimo', ui-sans-serif, system-ui, 'Segoe UI', Roboto, Ubuntu,
 			Cantarell, 'Noto Sans', sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji',
 			'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 		white-space: pre-wrap;