Fix padding in room header

src/app/atoms/header/Header.scss

@@ -1,6 +1,5 @@
 @use '../../partials/text';
 @use '../../partials/dir';
-@use '../../partials/screen';
 
 .header {
   @include dir.side(padding, var(--sp-normal), var(--sp-extra-tight));
@@ -41,8 +40,4 @@
       display: -webkit-box;
     }
   }
-
-  @include screen.smallerThan(mobileBreakpoint) {
-    @include dir.side(padding, calc(var(--sp-normal) - 10px), var(--sp-extra-tight));
-  }
 }

src/app/organisms/room/RoomView.scss

@@ -1,4 +1,6 @@
 @use '../../partials/flex';
+@use '../../partials/screen';
+@use '../../partials/dir';
 
 .room-view {
   @extend .cp-fx__column;
@@ -18,6 +20,12 @@
     box-shadow: var(--bs-popup);
   }
 
+  & .header {
+    @include screen.smallerThan(mobileBreakpoint) {
+      padding: 0 var(--sp-tight);
+    }
+  }
+
   &__content-wrapper {
     @extend .cp-fx__item-one;
     @extend .cp-fx__column;

src/app/organisms/room/RoomViewHeader.scss

@@ -27,14 +27,14 @@
   }
 }
 
-.header .room-header__drawer-btn {
+.room-header__drawer-btn {
   @include screen.smallerThan(tabletBreakpoint) {
     display: none;
   }
 }
 
-.header .room-header__back-btn {
+.room-header__back-btn {
-  @include dir.side(margin, 0, 5px);
+  @include dir.side(margin, 0, var(--sp-tight));
 
   @include screen.biggerThan(mobileBreakpoint) {
     display: none;