diff --git a/src/admin/scss/_view-mode-slide.scss b/src/admin/scss/_view-mode-slide.scss
index 28bf6f128..1695d3a58 100644
--- a/src/admin/scss/_view-mode-slide.scss
+++ b/src/admin/scss/_view-mode-slide.scss
@@ -27,10 +27,17 @@
         }
     }
 
-    .tainacan-record {
+    .tainacan-slide-item {
+        padding: 0 0 0.75rem 0;
+        margin: 0.75rem;
+        transition: border-bottom 0.2s;
 
-        padding: 0.75rem;
-        
+        &.active-item {
+            border-bottom: 4px solid $turquoise5;
+        }
+        &:hover {
+            border-bottom: 4px solid $gray2;
+        }
         img {
             width: 80px;
             height: auto;
diff --git a/src/theme-helper/view-mode-slide.vue b/src/theme-helper/view-mode-slide.vue
index f10b4d2d5..920daaffd 100644
--- a/src/theme-helper/view-mode-slide.vue
+++ b/src/theme-helper/view-mode-slide.vue
@@ -35,7 +35,8 @@
                         @click="slideIndex = index"
                         :key="index"
                         v-for="(item, index) of items"
-                        class="tainacan-record">
+                        class="tainacan-slide-item"
+                        :class="{'active-item': slideIndex == index}">
                     <!-- <div :href="item.url"> -->
                         <!-- Title -->           
                         <p 
@@ -115,6 +116,7 @@ export default {
 <style  lang="scss" scoped>
     $turquoise1: #e6f6f8;
     $turquoise2: #d1e6e6;
+    $turquoise5: #298596;
     $tainacan-input-color: #1d1d1d;
     $gray1: #f2f2f2; 
     $gray2: #e5e5e5;