diff --git a/CSS/styles.css b/CSS/styles.css
index c6c0a4b..0e9b828 100644
--- a/CSS/styles.css
+++ b/CSS/styles.css
@@ -104,6 +104,10 @@ body{
     margin-left: 30%;
 }
 
+.slide-button {
+    color: #ff7b54;
+}
+
 a .far{
     font-size: 7em;
 }
diff --git a/index.html b/index.html
index f74043f..e543d84 100644
--- a/index.html
+++ b/index.html
@@ -110,11 +110,11 @@
                 </div>
               </div>
               <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
-                <span class="carousel-control-span-left" aria-hidden="true"><i class="far fa-arrow-alt-circle-left"></i></span>
+                <span class="carousel-control-span-left" aria-hidden="true"><i class="fa fa-chevron-circle-left fa-4x slide-button" aria-hidden="true"></i></span>
                 <span class="sr-only">Previous</span>
               </a>
               <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
-                <span class="carousel-control-span-right" aria-hidden="true"><i class="far fa-arrow-alt-circle-right"></i></span>
+                <span class="carousel-control-span-right" aria-hidden="true"><i class="fa fa-chevron-circle-right fa-4x slide-button" aria-hidden="true"></i></span>
                 <span class="sr-only">Next</span>
               </a>
             </div>