From e83c1ec97976d4fae0101567e26c2e9d06c62d41 Mon Sep 17 00:00:00 2001
From: KenTandrian <kenricktan11@gmail.com>
Date: Sat, 9 Aug 2025 17:01:57 +0700
Subject: [PATCH] fix(ui): container height overrides

---
 apps/client/src/styles/theme.scss | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/styles/theme.scss b/apps/client/src/styles/theme.scss
index 614ce877d..22d495704 100644
--- a/apps/client/src/styles/theme.scss
+++ b/apps/client/src/styles/theme.scss
@@ -212,11 +212,23 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
       )
     );
 
-    @include mat.tabs-overrides(
-      (
-        container-height: 3rem
-      )
-    );
+    .page.has-tabs {
+      @include mat.tabs-overrides(
+        (
+          container-height: 3rem
+        )
+      );
+    }
+  }
+
+  @media (min-width: 576px) {
+    .page.has-tabs {
+      @include mat.tabs-overrides(
+        (
+          container-height: 2rem
+        )
+      );
+    }
   }
 
   @include mat.dialog-overrides(
@@ -246,7 +258,6 @@ $_tertiary: map.merge(map.get($_palettes, tertiary), $_rest);
     @include mat.tabs-overrides(
       (
         active-indicator-height: 0,
-        container-height: 2rem,
         label-text-tracking: normal
       )
     );