From 547edc42044adf0d5b868fe9140d2f33e6456751 Mon Sep 17 00:00:00 2001
From: Mohamed amaan <121436543+modamaan@users.noreply.github.com>
Date: Mon, 10 Feb 2025 13:22:58 +0530
Subject: [PATCH] FIXED:- Improve Visibility of Status, Role, and Contact
 numbers on User Management Page List View for Mobile Screens (#10419)

---
 src/components/Users/UserListAndCard.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/Users/UserListAndCard.tsx b/src/components/Users/UserListAndCard.tsx
index ee6753c1472..bf8b2b3e96d 100644
--- a/src/components/Users/UserListAndCard.tsx
+++ b/src/components/Users/UserListAndCard.tsx
@@ -133,9 +133,7 @@ const UserListHeader = () => {
   return (
     <thead>
       <tr className="bg-gray-50 text-sm font-medium text-gray-500">
-        <th className="sticky left-0 z-10 bg-gray-50 px-4 py-3 text-left">
-          {t("name")}
-        </th>
+        <th className="px-4 py-3 text-left">{t("name")}</th>
         <th className="w-32 px-10 py-3 text-left">{t("status")}</th>
         <th className="px-10 py-3 text-left">{t("role")}</th>
         <th className="px-4 py-3 text-left">{t("contact_number")}</th>
@@ -151,7 +149,7 @@ const UserListRow = ({ user }: { user: UserBase }) => {
       id={`usr_${user.id}`}
       className="hover:bg-gray-50"
     >
-      <td className="sticky left-0 z-10 bg-white px-4 py-4 lg:pr-20">
+      <td className="px-4 py-4 lg:pr-20">
         <div className="flex items-center gap-3">
           <Avatar
             // TO do: adjust for facility users