diff --git a/src/components/navButton.svelte b/src/components/navButton.svelte
index 7183aad..9d9e901 100644
--- a/src/components/navButton.svelte
+++ b/src/components/navButton.svelte
@@ -15,7 +15,7 @@
 >
 	<a
 		class="
-            flex gap-1 items-center justify-center align-middle max-h-full
+            flex gap-1 items-center justify-center align-middle text-center 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 47ca4f2..5fd5a35 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -157,8 +157,13 @@ import getTitle from '$lib/getTitle';
 				<NavButton {highlight} {...item} />
 			{/each}
 			<div class="hidden md:block grow"/>
+			<div class="flex gap-3 px-1.5 align-middle items-center text-center place-content-center border-ralsei-white border-groove border-4">
+				<a class="hover:underline" href="https://xn--sr8hvo.ws/previous">⮜</a>
+				<a class="hover:underline" href="https://xn--sr8hvo.ws">IndieWeb Webring</a>
+				<a class="hover:underline" href="https://xn--sr8hvo.ws/next">⮞</a>
+			</div>
 			<a class="align-middle" href="/entries/_rss">
-				<img class="min-w-fit" src="/valid-rss.png" alt="rss feed"/>
+				<img class="min-w-fit hover:opacity-60" src="/valid-rss.png" alt="rss feed"/>
 			</a>
 		</div>
 	</div>