diff --git a/src/style/molecules/_switcher.scss b/src/style/molecules/_switcher.scss
index a0b062a..76965e3 100644
--- a/src/style/molecules/_switcher.scss
+++ b/src/style/molecules/_switcher.scss
@@ -9,10 +9,9 @@
     pointer-events: none;
 
     @include bp (sm) {
-        --offset: 20px;
+        --offset: clamp(20px, 3vw, 40px);
     }
     @include bp (md) {
-        --offset: 40px;
         --button-size: 56px;
     }
 
diff --git a/src/style/pages/_viewer.scss b/src/style/pages/_viewer.scss
index d6c2d7e..3322444 100644
--- a/src/style/pages/_viewer.scss
+++ b/src/style/pages/_viewer.scss
@@ -424,14 +424,14 @@
 
     // Close button
     &__close {
+        --offset: 16px;
         position: fixed !important;
         z-index: 2;
-        top: 16px;
-        right: calc(16px + 44px + 12px);
+        top: var(--offset);
+        right: var(--offset);
 
-        @include bp (md) {
-            top: 40px;
-            right: 40px;
+        @include bp (sm) {
+            --offset: clamp(20px, 3vw, 40px);
         }
 
         svg {