diff --git a/src/components/navButton.svelte b/src/components/navButton.svelte
index 0dd4573..7183aad 100644
--- a/src/components/navButton.svelte
+++ b/src/components/navButton.svelte
@@ -15,7 +15,7 @@
 >
 	<a
 		class="
-            flex gap-1 items-center justify-center
+            flex gap-1 items-center justify-center align-middle max-h-full
             {highlight
 			? 'text-ralsei-pink-regular app-selected-route'
 			: 'text-ralsei-green-light hover:underline'}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 4bfe116..47ca4f2 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
-	import getTitle from '$lib/getTitle';
+	import { PUBLIC_BASE_URL } from '$env/static/public';
+import getTitle from '$lib/getTitle';
 	import NavButton from '../components/navButton.svelte';
 	import '../styles/app.css';
 
@@ -150,11 +151,15 @@
 		"
 		style="border-style: ridge hidden hidden hidden;"
 	>
-		<div class="flex flex-row flex-nowrap gap-2 justify-start overflow-auto">
+		<div class="flex flex-row flex-nowrap gap-2 justify-start overflow-x-auto">
 			{#each menuItems as item}
 				{@const highlight = isRoute(item.href)}
 				<NavButton {highlight} {...item} />
 			{/each}
+			<div class="hidden md:block grow"/>
+			<a class="align-middle" href="/entries/_rss">
+				<img class="min-w-fit" src="/valid-rss.png" alt="rss feed"/>
+			</a>
 		</div>
 	</div>
 </nav>
diff --git a/src/styles/app.css b/src/styles/app.css
index c7f51fc..bc9f94e 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -9,7 +9,6 @@
         @apply font-sans-serif bg-ralsei-black text-ralsei-white;
         @apply prose-code:font-monospace prose-headings:font-monospace;
         cursor: url('/icons/gaze_closed.png'), default;
-        image-rendering: optimizeQuality;
     }
 
     .prose h1::before {
diff --git a/static/valid-rss.png b/static/valid-rss.png
new file mode 100644
index 0000000..c64445a
Binary files /dev/null and b/static/valid-rss.png differ