From 5113b221238375d8af3a39171a202aca035b7ecc Mon Sep 17 00:00:00 2001
From: Kenrick Tandrian <60643640+KenTandrian@users.noreply.github.com>
Date: Tue, 5 May 2026 22:24:28 +0700
Subject: [PATCH] Bugfix/remove bottom border in mobile navbar container
 (#6839)

* Remove border

* Update changelog
---
 CHANGELOG.md                |  6 ++++++
 apps/client/src/styles.scss | 12 ++++++------
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 43119ff4c..50ec99a82 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Fixed
+
+- Fixed a visual regression in the bottom navigation bar on mobile
+
 ## 3.2.0 - 2026-05-03
 
 ### Added
diff --git a/apps/client/src/styles.scss b/apps/client/src/styles.scss
index 0b7f6f029..4138d9d9b 100644
--- a/apps/client/src/styles.scss
+++ b/apps/client/src/styles.scss
@@ -520,15 +520,15 @@ ngx-skeleton-loader {
       padding: 2rem 0;
     }
 
+    @include mat.tabs-overrides(
+      (
+        divider-height: 0
+      )
+    );
+
     @media (min-width: 576px) {
       flex-direction: row-reverse;
 
-      @include mat.tabs-overrides(
-        (
-          divider-height: 0
-        )
-      );
-
       .mat-mdc-tab-header {
         background-color: rgba(var(--palette-foreground-base), 0.02);
         padding: 2rem 0;