diff --git a/stylesheets/_mixins.scss b/stylesheets/_mixins.scss
index 72b6f5f7c..a12f27eb9 100644
--- a/stylesheets/_mixins.scss
+++ b/stylesheets/_mixins.scss
@@ -8,9 +8,11 @@
   outline: inherit;
 }
 
-@mixin color-svg($svg, $color) {
+@mixin color-svg($svg, $color, $stretch: true) {
   -webkit-mask: url($svg) no-repeat center;
-  -webkit-mask-size: 100%;
+  @if $stretch {
+    -webkit-mask-size: 100%;
+  }
   background-color: $color;
 }
 
diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index 1e3d9ddb3..dcb3a3777 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -5083,25 +5083,33 @@
     flex-grow: 1;
   }
   &__toggle-large {
-    width: 20px;
-    height: 20px;
+    width: 48px;
+    height: 24px;
     border: none;
 
     @include light-theme() {
-      @include color-svg('../images/expand-up.svg', $color-gray-45);
+      @include color-svg('../images/expand-up.svg', $color-gray-45, false);
     }
 
     @include dark-theme() {
-      @include color-svg('../images/expand-up.svg', $color-gray-45);
+      @include color-svg('../images/expand-up.svg', $color-gray-45, false);
     }
 
     &--large-active {
       @include light-theme() {
-        @include color-svg('../images/collapse-down.svg', $color-gray-45);
+        @include color-svg(
+          '../images/collapse-down.svg',
+          $color-gray-45,
+          false
+        );
       }
 
       @include dark-theme() {
-        @include color-svg('../images/collapse-down.svg', $color-gray-45);
+        @include color-svg(
+          '../images/collapse-down.svg',
+          $color-gray-45,
+          false
+        );
       }
     }
   }
@@ -5113,7 +5121,6 @@
 .composition-area-placeholder {
   flex-grow: 1;
   margin: {
-    top: 3px;
     bottom: 6px;
   }
 }