diff --git a/src/css/support/blog.css b/src/css/support/blog.css
index 4898781d..b1a3afbe 100644
--- a/src/css/support/blog.css
+++ b/src/css/support/blog.css
@@ -7,7 +7,7 @@
 .recommendations-list {
 	height: calc(var(--recommendations-section-min) * 1.04);
 	@apply overflow-y-auto pr-2;
-	@apply scroll-smooth custom-scrollbar;
+	@apply scroll-smooth;
 }
 
 .blog-h1 {
diff --git a/src/partials/ResumePageSkeletonPartial.vue b/src/partials/ResumePageSkeletonPartial.vue
index 4157a2b8..76ba1a71 100644
--- a/src/partials/ResumePageSkeletonPartial.vue
+++ b/src/partials/ResumePageSkeletonPartial.vue
@@ -50,7 +50,7 @@
 		</section>
 		<section class="space-y-8">
 			<h2 class="h3 font-aspekta text-slate-800 dark:text-slate-100">Recommendations</h2>
-			<ul class="space-y-8">
+			<ul class="recommendations-list custom-scrollbar space-y-8">
 				<li v-for="item in 2" :key="`resume-recommendation-skeleton-${item}`" class="relative group">
 					<div class="flex items-start">
 						<div