diff --git a/src/assets/scss/bootstrap-override.scss b/src/assets/scss/bootstrap-override.scss
index 2734ee5..02b9481 100644
--- a/src/assets/scss/bootstrap-override.scss
+++ b/src/assets/scss/bootstrap-override.scss
@@ -68,15 +68,25 @@ $theme-colors: (
   }
 }
 
-.carousel-control {
-  visibility: hidden !important;
-}
-
-.carousel,  .carousel-inner, .item {
+.carousel,
+.carousel-inner,
+.item {
   height: 100% !important;
-  &:focus{
+  &:focus {
     outline: none !important;
   }
 }
 
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23808080' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
+}
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23808080' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
+}
+
+li {
+  background-color: #808080 !important;
+}
+
 @import "../../../node_modules/bootstrap/scss/bootstrap";
diff --git a/src/styles.scss b/src/styles.scss
index 864d8b9..94ec52b 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -6,7 +6,7 @@ html,
 body {
   background-color: #f0f0f0;
   font-family: bahnschrift;
-  overflow: hidden !important;
+  // overflow: hidden !important;
 }
 
 .disable-user-select {