diff --git a/src/pages/GithubProfileFinder/GithubProfileFinder.jsx b/src/pages/GithubProfileFinder/GithubProfileFinder.jsx
index ec934b9..8a3ff40 100644
--- a/src/pages/GithubProfileFinder/GithubProfileFinder.jsx
+++ b/src/pages/GithubProfileFinder/GithubProfileFinder.jsx
@@ -45,7 +45,7 @@ export const GithubProfileFinder = () => {
         </Button>
       </div>
       {loading ? (
-        <div className="absolute top-1/2 left-1/2 flex justify-center items-center">
+        <div className="absolute inset-0 m-auto flex justify-center items-center">
           <div className="loader "></div>
         </div>
       ) : userData !== null ? (
diff --git a/src/pages/SearchAutoComplete/SearchAutoComplete.jsx b/src/pages/SearchAutoComplete/SearchAutoComplete.jsx
index d35154c..24eadfb 100644
--- a/src/pages/SearchAutoComplete/SearchAutoComplete.jsx
+++ b/src/pages/SearchAutoComplete/SearchAutoComplete.jsx
@@ -66,7 +66,7 @@ export const SearchAutoComplete = () => {
         placeholder="Search Users Here..."
       />
       {loading ? (
-        <div className="absolute w-screen h-screen flex justify-center items-center">
+        <div className="absolute inset-0 m-auto flex justify-center items-center">
           <div className="loader "></div>
         </div>
       ) : showDropDown && <Suggesstions handleClick={handleClick} data={filteredUsers} /> }