diff --git a/frontend/src/components/admin/ActivityLogs.css b/frontend/src/components/admin/ActivityLogs.css
index d51ee1c..13e2fac 100644
--- a/frontend/src/components/admin/ActivityLogs.css
+++ b/frontend/src/components/admin/ActivityLogs.css
@@ -75,7 +75,7 @@
 
 .activity-filter-panel {
   display: grid;
-  grid-template-columns: minmax(220px, 1.6fr) repeat(6, minmax(120px, 0.7fr));
+  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
   gap: 10px;
   padding: 12px;
   border: 1px solid var(--activity-line);
diff --git a/frontend/src/components/common/NavBar.jsx b/frontend/src/components/common/NavBar.jsx
index 2757127..0a5b4d0 100644
--- a/frontend/src/components/common/NavBar.jsx
+++ b/frontend/src/components/common/NavBar.jsx
@@ -60,7 +60,7 @@ const NavBar = ({ setSelectedComponent }) => {
    };
 
    return (
-      <Navbar expand="lg" className="premium-navbar" style={{backdropFilter:'blur(12px) saturate(1.2)', background:'rgba(30,41,59,0.82)', borderRadius:'0 0 18px 18px', boxShadow:'0 4px 24px #00e0ff22'}}>
+      <Navbar expand="lg" className="premium-navbar" style={{backdropFilter:'blur(12px) saturate(1.2)', background:'rgba(30,41,59,0.82)', borderRadius:'0 0 18px 18px', boxShadow:'0 4px 24px #00e0ff22', position:'relative', zIndex: 1040}}>
          <Container fluid>
             <Navbar.Brand>
                <span className="brand-premium"><span className="brand-premium-L">L</span><span style={{color:'#0a2342', fontWeight:'bold'}}>earnhub</span></span>