From b5e7897669745f45cb83fdc607ee85a214fe4351 Mon Sep 17 00:00:00 2001
From: Georges-Antoine Assi <contact@me.gantoine.com>
Date: Fri, 2 Jan 2026 11:29:31 -0500
Subject: [PATCH] [ROMM-2835] Fix appearance of chevron screenshot buttons

---
 .../components/Details/Info/MediaCarousel.vue | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/Details/Info/MediaCarousel.vue b/frontend/src/components/Details/Info/MediaCarousel.vue
index b9e6c534b..490f776c8 100644
--- a/frontend/src/components/Details/Info/MediaCarousel.vue
+++ b/frontend/src/components/Details/Info/MediaCarousel.vue
@@ -70,11 +70,7 @@ const carouselHeight = computed(() => {
     :height="carouselHeight"
   >
     <template #prev="{ props: prevProps }">
-      <v-btn
-        icon="mdi-chevron-left"
-        class="translucent"
-        @click="prevProps.onClick"
-      />
+      <v-btn icon="mdi-chevron-left" @click="prevProps.onClick" />
     </template>
     <v-carousel-item
       v-if="youtubeVideoId"
@@ -87,7 +83,15 @@ const carouselHeight = computed(() => {
         :src="`${heartbeat.FRONTEND.YOUTUBE_BASE_URL}/embed/${youtubeVideoId}`"
         title="YouTube video player"
         frameborder="0"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        allow="
+          accelerometer;
+          autoplay;
+          clipboard-write;
+          encrypted-media;
+          gyroscope;
+          picture-in-picture;
+          web-share;
+        "
         referrerpolicy="strict-origin-when-cross-origin"
         allowfullscreen
       />
@@ -120,11 +124,7 @@ const carouselHeight = computed(() => {
       />
     </template>
     <template #next="{ props: nextProps }">
-      <v-btn
-        icon="mdi-chevron-right"
-        class="translucent"
-        @click="nextProps.onClick"
-      />
+      <v-btn icon="mdi-chevron-right" @click="nextProps.onClick" />
     </template>
   </v-carousel>
 </template>