diff --git a/src/app.css b/src/app.css
index fb126b1..a37abf2 100644
--- a/src/app.css
+++ b/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;
diff --git a/src/routes/postings/+page.svelte b/src/routes/postings/+page.svelte
index 3ac1e3b..b5358b4 100644
--- a/src/routes/postings/+page.svelte
+++ b/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={() => {