diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index ff42960488..007a2aad50 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -3819,7 +3819,7 @@ button.module-image__border-overlay:focus {
           &::before {
             @include color-svg(
               '../images/icons/v3/chevron/chevron-down.svg',
-              $color-white
+              $color-gray-15
             );
 
             content: '';
@@ -3828,17 +3828,16 @@ button.module-image__border-overlay:focus {
             width: 100%;
           }
 
-          background: $color-gray-60;
+          background: $color-gray-78;
           border-radius: 100%;
           border: 0;
-          box-shadow: 0 0 5px rgba($color-gray-95, 0.5);
-          height: 28px;
-          margin-block: 12px;
+          height: 24px;
+          padding-inline: 4px;
           margin-inline: 0;
           opacity: 0;
           outline: none;
           transition: opacity 200ms ease-out;
-          width: 28px;
+          width: 24px;
         }
 
         &--top {
@@ -3850,6 +3849,7 @@ button.module-image__border-overlay:focus {
           );
 
           #{$scroll-marker-selector}__button {
+            margin-block-start: 60px;
             transform: rotate(180deg);
           }
         }
@@ -3862,6 +3862,10 @@ button.module-image__border-overlay:focus {
             transparent 20px,
             transparent
           );
+
+          #{$scroll-marker-selector}__button {
+            margin-block-end: 16px;
+          }
         }
       }
 
diff --git a/stylesheets/components/CallSettingsButton.scss b/stylesheets/components/CallSettingsButton.scss
index e79b3e8539..5a8f0911fa 100644
--- a/stylesheets/components/CallSettingsButton.scss
+++ b/stylesheets/components/CallSettingsButton.scss
@@ -7,7 +7,7 @@
 
 .CallSettingsButton__Button {
   align-items: center;
-  background-color: rgba($color-gray-80, 0.7);
+  background-color: $color-gray-78;
   border: none;
   border-radius: 40px;
   display: flex;