From c269220ce51fc9a241e26e9cdb5ab9681eba1ba2 Mon Sep 17 00:00:00 2001
From: Michael <143117803+michael-020@users.noreply.github.com>
Date: Mon, 24 Feb 2025 15:09:49 +0530
Subject: [PATCH] Fix cursor pointer issue in Settings page - prevent pointer
 symbol on hover (#10753)

---
 src/Providers/HistoryAPIProvider.tsx     | 2 +-
 src/components/Facility/FacilityHome.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Providers/HistoryAPIProvider.tsx b/src/Providers/HistoryAPIProvider.tsx
index 20077733b01..60fdcf3b3d4 100644
--- a/src/Providers/HistoryAPIProvider.tsx
+++ b/src/Providers/HistoryAPIProvider.tsx
@@ -2,7 +2,7 @@ import { useLocationChange } from "raviger";
 import { ReactNode, createContext, useState } from "react";
 
 export const HistoryContext = createContext<string[]>([]);
-// eslint-disable-next-line @typescript-eslint/no-empty-function
+
 export const ResetHistoryContext = createContext(() => {});
 
 export default function HistoryAPIProvider(props: { children: ReactNode }) {
diff --git a/src/components/Facility/FacilityHome.tsx b/src/components/Facility/FacilityHome.tsx
index 7af7f0407fa..edd84bdf56b 100644
--- a/src/components/Facility/FacilityHome.tsx
+++ b/src/components/Facility/FacilityHome.tsx
@@ -200,12 +200,12 @@ export const FacilityHome = ({ facilityId }: Props) => {
                 <div className="relative rounded-3xl  h-full w-full bg-[radial-gradient(circle_at_50%_120%,rgba(255,255,255,0.2),transparent)]" />
               )}
               <div className="absolute bottom-0 left-0 translate-x-0 translate-y-1/3">
-                <Button variant="link">
+                <div className="sm:px-4 px-8 inline-flex rounded-md">
                   <Avatar
                     name={facilityData.name}
-                    className="h-24 w-24 rounded-md border-4 border-white shadow-lg"
+                    className="size-16 sm:size-20 md:size-24 rounded-md border-4 border-white shadow-lg"
                   />
-                </Button>
+                </div>
               </div>
 
               <div className="absolute bottom-0 left-0 translate-x-0 ml-[8rem]">