diff --git a/src/components/Directory/CardViewDirectory.jsx b/src/components/Directory/CardViewDirectory.jsx
index 33fcad6f..519d1b7f 100644
--- a/src/components/Directory/CardViewDirectory.jsx
+++ b/src/components/Directory/CardViewDirectory.jsx
@@ -79,10 +79,10 @@ const CardViewDirectory = ({
             )}
             {!IsActive && (
               <i
-                className={`bx bx-history ${
+                className={`bx  ${
                   dirActions.action && dirActions.id === contact.id
-                    ? "bx-spin"
-                    : ""
+                    ? "bx-loader-alt bx-spin"
+                    : "bx-recycle"
                 } me-1 text-primary cursor-pointer`}
                 title="Restore"
                 onClick={() => {
diff --git a/src/components/Directory/ListViewDirectory.jsx b/src/components/Directory/ListViewDirectory.jsx
index d227d99d..e2e3d18e 100644
--- a/src/components/Directory/ListViewDirectory.jsx
+++ b/src/components/Directory/ListViewDirectory.jsx
@@ -110,8 +110,9 @@ const ListViewDirectory = ({
         )}
         {!IsActive && (
           <i
-            className={`bx bx-history ${
-              dirActions.action && dirActions.id === contact.id ? "bx-spin" : ""
+            className={`bx  ${
+              dirActions.action && dirActions.id === contact.id ?  "bx-loader-alt bx-spin"
+                    : "bx-recycle"
             } me-1 text-primary cursor-pointer`}
             title="Restore"
             onClick={() => {
@@ -125,4 +126,4 @@ const ListViewDirectory = ({
   );
 };
 
-export default ListViewDirectory;
+export default ListViewDirectory;
\ No newline at end of file
diff --git a/src/components/Directory/NoteCardDirectory.jsx b/src/components/Directory/NoteCardDirectory.jsx
index 2b5c0868..7b996e94 100644
--- a/src/components/Directory/NoteCardDirectory.jsx
+++ b/src/components/Directory/NoteCardDirectory.jsx
@@ -156,15 +156,16 @@ const NoteCardDirectory = ({refetchProfile,refetchNotes, noteItem, contactId, se
       )}
     </>
   ) : isActivProcess ? (
-    < i className='bx  bx-refresh text-primary bx-spin'  ></i> 
+    < i className='bx  bx-loader-alt bx-spin text-primary'  ></i> 
   ) : (
     <i
-      className="bx bx-history  me-1 text-primary cursor-pointer"
+      className="bx bx-recycle  me-1 text-primary cursor-pointer"
       onClick={() => handleDeleteNote(!noteItem.isActive)}
       title="Restore"
     ></i>
   )}
-</div>
+        </div>
+        
 
       </div>