From 2ee7b292e7efa81d275af57ba6647b7046020ce7 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Fri, 10 Oct 2025 15:12:50 +0530
Subject: [PATCH] UI updation in Header file at dropdown in mobile view.

---
 src/components/Layout/Header.jsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/Layout/Header.jsx b/src/components/Layout/Header.jsx
index 26b070d3..7ddc723b 100644
--- a/src/components/Layout/Header.jsx
+++ b/src/components/Layout/Header.jsx
@@ -161,7 +161,7 @@ const Header = () => {
       className="layout-navbar container-fluid mb-3 navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
       id="layout-navbar"
     >
-      <div className="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
+      <div className="layout-menu-toggle navbar-nav align-items-xl-center me-2 me-xl-0 d-xl-none">
         <a
           aria-label="toggle for sidebar"
           className="nav-item nav-link px-0 me-xl-4"
@@ -174,12 +174,13 @@ const Header = () => {
         id="navbar-collapse"
       >
         {showProjectDropdown && (
-          <div className="align-items-center">
-            <i className="rounded-circle bx bx-building-house bx-sm-lg bx-md me-2"></i>
-            <div className="btn-group">
+          <div className="d-flex align-items-center">
+            <i className="rounded-circle bx bx-building-house bx-sm"></i>
+
+            <div className="btn-group w-100">
               {shouldShowDropdown ? (
                 <button
-                  className={`btn btn-sm-sm btn-xl dropdown-toggle px-1`}
+                  className="btn btn-sm btn-block dropdown-toggle text-truncate fs-6"
                   type="button"
                   data-bs-toggle="dropdown"
                   aria-expanded="false"
@@ -187,7 +188,7 @@ const Header = () => {
                   {currentProjectDisplayName}
                 </button>
               ) : (
-                <span className="btn btn-sm-sm btn-xl px-1">
+                <span className="btn btn-sm btn-block text-truncate">
                   {currentProjectDisplayName}
                 </span>
               )}
@@ -197,7 +198,7 @@ const Header = () => {
                 projectsForDropdown.length > 0 && (
                   <ul
                     className="dropdown-menu"
-                    style={{ overflow: "auto", maxHeight: "300px" }}
+                    style={{ overflowY: "auto", maxHeight: "300px" }}
                   >
 
                     <li>
-- 
2.43.0