From b243f10c9290c006f0f12d17dd4752b022ff99f3 Mon Sep 17 00:00:00 2001
From: Jatin_Chugh <jatin.chugh@globallogic.com>
Date: Mon, 20 Feb 2023 19:28:17 +0530
Subject: [PATCH] added media-width inside .aca-page-layout selector

---
 .../page-layout/page-layout.component.scss    | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

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%;
-  }
-}