diff --git a/frontend/src/lib/pico-settings.css b/frontend/src/lib/pico-settings.css
index 9ca6ab3..559570a 100644
--- a/frontend/src/lib/pico-settings.css
+++ b/frontend/src/lib/pico-settings.css
@@ -1,3 +1,9 @@
 :root {
 	--pico-spacing: 0.5rem;
+	/* We only include the colors we actually want to use to reduce the amount of render-blocking CSS
+		https://picocss.com/docs/colors
+	 */
+	--pico-color-red-400: #f06048;
+	--pico-color-green-400: #47a417;
+	--pico-color-zinc-700: #424751;
 }
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index f6fb6a2..79e2cf6 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
 	import '@picocss/pico'
-	import '@picocss/pico/css/pico.colors.css'
 	import '$lib/pico-settings.css'
 	import { user } from '$lib/stores'
 	import ThemeSwitcher from '$lib/ThemeSwitcher.svelte'