COLORS

src/app.css

@@ -6,7 +6,7 @@
 [data-theme='light'] {
     --text-color: #000000;
     --bg-color: #e9e9e9;
-    --hover-bg-color: #e0e0e0;
+    --hover-bg-color: #d0d0d0;
     --separator-line-color: #a0a0a0;
     --low-emphasis-text-color: #6b6b6b;
     --primary-color: #1F96F3;

src/routes/postings/+page.svelte

@@ -69,7 +69,8 @@
 			<div class="right-border top-border inline-block {wideScreen.current ? 'w-1/3' : 'w-full'}">
 				{#each data.postings as posting}
 					<button
-						class="bottom-border left-border block w-full p-4 text-left {details?.id === posting.id
+						class="bottom-border left-border block w-full p-4 text-left {details?.id ===
+							posting.id && wideScreen.current
 							? 'accent-bg-color'
 							: 'hover-bg-color'}"
 						onclick={() => {