diff --git a/www/index.html b/www/index.html
index e072ef6..560be99 100644
--- a/www/index.html
+++ b/www/index.html
@@ -141,11 +141,13 @@
 
                 </div>
                 <button class="carousel-control-prev" type="button" data-bs-target="#gameDemoCarousel" data-bs-slide="prev">
-                    <span class="carousel-control-prev-icon" aria-hidden="true" />
+                    <i class="h1 fa-solid fa-chevron-left" aria-hidden="true"></i>
+                    <!-- <span class="carousel-control-prev-icon" aria-hidden="true" /> -->
                     <span class="visually-hidden">Previous</span>
                 </button>
                 <button class="carousel-control-next" type="button" data-bs-target="#gameDemoCarousel" data-bs-slide="next">
-                    <span class="carousel-control-next-icon" aria-hidden="true" />
+                    <i class="h1 fa-solid fa-chevron-right" aria-hidden="true"></i>
+                    <!-- <span class="carousel-control-next-icon" aria-hidden="true" /> -->
                     <span class="visually-hidden">Next</span>
                 </button>
             </div>
diff --git a/www/style.css b/www/style.css
index 58c006c..5b17fc0 100644
--- a/www/style.css
+++ b/www/style.css
@@ -97,3 +97,7 @@ a {
 .carousel-indicators button {
     background-color: #fff !important;
 }
+
+.carousel-control-prev-icon, .carousel-control-next-icon {
+    filter: invert(0) !important;
+}