diff --git a/src/components/ContentRow.vue b/src/components/ContentRow.vue
index 3194e52..8c420c8 100644
--- a/src/components/ContentRow.vue
+++ b/src/components/ContentRow.vue
@@ -9,7 +9,7 @@
       <button 
         v-if="canScrollLeft"
         @click="scrollLeft"
-        class="hidden md:block absolute left-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity"
+        class="scroll-nav-button hidden md:block absolute left-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-70 hover:opacity-100 transition-opacity"
       >
         <svg class="w-8 h-8 mx-auto" fill="currentColor" viewBox="0 0 24 24">
           <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
@@ -47,7 +47,7 @@
       <button 
         v-if="canScrollRight"
         @click="scrollRight"
-        class="hidden md:block absolute right-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-0 group-hover:opacity-100 transition-opacity"
+        class="scroll-nav-button hidden md:block absolute right-0 top-0 bottom-0 z-10 w-12 bg-black/50 hover:bg-black/70 backdrop-blur-sm opacity-70 hover:opacity-100 transition-opacity"
       >
         <svg class="w-8 h-8 mx-auto" fill="currentColor" viewBox="0 0 24 24">
           <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>