diff --git a/src/components/AmountCard/AmountCard.jsx b/src/components/AmountCard/AmountCard.jsx
index e37c6aa..75732bf 100644
--- a/src/components/AmountCard/AmountCard.jsx
+++ b/src/components/AmountCard/AmountCard.jsx
@@ -24,11 +24,10 @@ const AmountCard = () => {
   const { colorMode} = useColorMode();
   const [ kpDetails, setKpDetails ] = useState(null)
 
-
-
   const {
     data,
     isLoading,
+    
   } = useGetKPIDetailsQuery()
 
   useEffect(() => {
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 0c388da..daf9667 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -239,6 +239,12 @@ const toast = useToast()
                   border={`1px solid ${
                     colorMode === "light" ? "#230A79" : "#565252"
                   }`}
+
+                  pointerEvents={!searchTerm?'none':"auto"}
+
+                  _hover={{
+                    cursor:!searchTerm?'not-allowed':"pointer"
+                  }}
                 >
                 {/* <IoSearch fontSize={"20px"} /> */}
                 <BiSearchAlt fontSize={"20px"} />