<div class="arrow arrow-disabled arrow-prev"> ◀︎ </div>

app.py

@@ -1472,7 +1472,7 @@ def get_key_moments_html(key_moments):
         background-color: black;
         border-radius: 50%;
         text-decoration: none;
-        color: black;
+        color: white !important;
         opacity: 0.8; 
         transition: opacity 200ms ease;
     }
@@ -1560,10 +1560,10 @@ def get_key_moments_html(key_moments):
             image_elements += f"""
                 <div id="{current_id}" class="gallery__item">
                     <a href="#{prev_id}" class="click-zone click-zone-prev">
-                        <div class="arrow arrow-disabled arrow-prev"> < </div>
+                        <div class="arrow arrow-disabled arrow-prev"> ◀︎ </div>
                     </a> 
                     <a href="#{next_id}" class="click-zone click-zone-next">
-                        <div class="arrow arrow-next"> > </div>
+                        <div class="arrow arrow-next"> ▶︎ </div>
                     </a>
                     <img src="{image}">
                 </div>