diff --git a/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss b/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
index 50ca269df..72373e579 100644
--- a/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
+++ b/projects/aca-shared/src/lib/components/page-layout/page-layout.component.scss
@@ -40,6 +40,16 @@
     max-width: 350px;
     width: 350px;
   }
+
+  @media screen and (max-width: 380px) {
+    .aca-page-layout-header {
+      max-height: 16%;
+    }
+
+    .main-content {
+      max-height: 92%;
+    }
+  }
 }
 
 [dir='rtl'] .aca-page-layout {
@@ -53,13 +63,3 @@
     border-right: 1px solid var(--theme-border-color, rgba(0, 0, 0, 0.07));
   }
 }
-
-@media screen and (max-width: 380px) {
-  .aca-page-layout-header {
-    max-height: 16%;
-  }
-
-  .main-content {
-    max-height: 92%;
-  }
-}