diff --git a/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.scss b/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.scss
index dee896d1468..3eceb172ab8 100644
--- a/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.scss
+++ b/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.scss
@@ -1,13 +1,11 @@
 .s_dynamic {
   .carousel-control-prev, .carousel-control-next {
     position: absolute;
-    text-shadow: 0px 0px 3px #343A40;
     width: 4rem;
-  }
-  .carousel-control-prev{
-    left: -4rem
-  }
-  .carousel-control-next{
-    right: -4rem
+
+    > span.fa {
+      color: gray('700');
+      background: radial-gradient($white 50%, transparent 50%);
+    }
   }
 }
diff --git a/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.xml b/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.xml
index ca6cbf4d419..1efb8f22e80 100644
--- a/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.xml
+++ b/addons/website/static/src/snippets/s_dynamic_snippet_carousel/000.xml
@@ -23,11 +23,11 @@
             </div>
             <!-- Controls -->
             <a t-attf-href="##{uniqueId}" class="carousel-control-prev" data-slide="prev" role="button" aria-label="Previous" title="Previous">
-                <span class="fa fa-chevron-left fa-2x text-white"/>
+                <span class="fa fa-chevron-circle-left fa-2x"/>
                 <span class="sr-only">Previous</span>
             </a>
             <a t-attf-href="##{uniqueId}" class="carousel-control-next" data-slide="next" role="button" aria-label="Next" title="Next">
-                <span class="fa fa-chevron-right fa-2x text-white"/>
+                <span class="fa fa-chevron-circle-right fa-2x"/>
                 <span class="sr-only">Next</span>
             </a>
         </div>