diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index ac5838a..0358dca 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,14 +17,11 @@
         "@testing-library/user-event": "^13.5.0",
         "@uiw/react-md-editor": "^3.18.1",
         "aos": "^2.3.4",
-        "create-reactjs-component": "^1.0.7",
         "express-sitemap-xml": "^3.0.1",
         "marked": "^4.1.1",
         "react": "^18.2.0",
-        "react-detect-click-outside": "^1.1.7",
         "react-dom": "^18.2.0",
         "react-helmet": "^6.1.0",
-        "react-icons": "^4.4.0",
         "react-js-switch": "^1.1.6",
         "react-router-dom": "^6.4.2",
         "react-scripts": "^5.0.1",
@@ -5986,14 +5983,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/create-reactjs-component": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/create-reactjs-component/-/create-reactjs-component-1.0.7.tgz",
-      "integrity": "sha512-scLNZ4L/zOcXmY04vwnLRmsSUFZ+a9f3QGjT6ugpZC6PAh8XLdF809xtetFI6a5uHKVvwV6CJwT/z+e9T9/myQ==",
-      "bin": {
-        "create-reactjs-component": "build.sh"
-      }
-    },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -8229,19 +8218,6 @@
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
     "node_modules/function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -14968,15 +14944,6 @@
         "node": ">=14"
       }
     },
-    "node_modules/react-detect-click-outside": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/react-detect-click-outside/-/react-detect-click-outside-1.1.7.tgz",
-      "integrity": "sha512-dMrBZD7JW0Eh/uYNmMLTNwFj6afGYxAnc80fDSGJdjXjxJddH8ZazyMg2emyb8CAx9Hilr+r1fY+tm7O7m9eJg==",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17 || ^18",
-        "react-dom": "^16.8.0 || ^17 || ^18"
-      }
-    },
     "node_modules/react-dev-utils": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
@@ -15055,14 +15022,6 @@
         "react": ">=16.3.0"
       }
     },
-    "node_modules/react-icons": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.4.0.tgz",
-      "integrity": "sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
     "node_modules/react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
@@ -22735,11 +22694,6 @@
         "yaml": "^1.10.0"
       }
     },
-    "create-reactjs-component": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/create-reactjs-component/-/create-reactjs-component-1.0.7.tgz",
-      "integrity": "sha512-scLNZ4L/zOcXmY04vwnLRmsSUFZ+a9f3QGjT6ugpZC6PAh8XLdF809xtetFI6a5uHKVvwV6CJwT/z+e9T9/myQ=="
-    },
     "cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -24338,12 +24292,6 @@
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
     },
-    "fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "optional": true
-    },
     "function-bind": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
@@ -29056,12 +29004,6 @@
         "whatwg-fetch": "^3.6.2"
       }
     },
-    "react-detect-click-outside": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/react-detect-click-outside/-/react-detect-click-outside-1.1.7.tgz",
-      "integrity": "sha512-dMrBZD7JW0Eh/uYNmMLTNwFj6afGYxAnc80fDSGJdjXjxJddH8ZazyMg2emyb8CAx9Hilr+r1fY+tm7O7m9eJg==",
-      "requires": {}
-    },
     "react-dev-utils": {
       "version": "12.0.1",
       "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
@@ -29130,12 +29072,6 @@
         "react-side-effect": "^2.1.0"
       }
     },
-    "react-icons": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.4.0.tgz",
-      "integrity": "sha512-fSbvHeVYo/B5/L4VhB7sBA1i2tS8MkT0Hb9t2H1AVPkwGfVHLJCqyr2Py9dKMxsyM63Eng1GkdZfbWj+Fmv8Rg==",
-      "requires": {}
-    },
     "react-is": {
       "version": "17.0.2",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index d587130..ec5f77d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -11,14 +11,11 @@
     "@testing-library/user-event": "^13.5.0",
     "@uiw/react-md-editor": "^3.18.1",
     "aos": "^2.3.4",
-    "create-reactjs-component": "^1.0.7",
     "express-sitemap-xml": "^3.0.1",
     "marked": "^4.1.1",
     "react": "^18.2.0",
-    "react-detect-click-outside": "^1.1.7",
     "react-dom": "^18.2.0",
     "react-helmet": "^6.1.0",
-    "react-icons": "^4.4.0",
     "react-js-switch": "^1.1.6",
     "react-router-dom": "^6.4.2",
     "react-scripts": "^5.0.1",
diff --git a/frontend/src/components/RecycleBin/RecycleBin.js b/frontend/src/components/RecycleBin/RecycleBin.js
index eb5e182..7ad0cd2 100644
--- a/frontend/src/components/RecycleBin/RecycleBin.js
+++ b/frontend/src/components/RecycleBin/RecycleBin.js
@@ -4,8 +4,6 @@ import Sidenav from '../Sidenav/Sidenav'
 import { ToastContainer, toast } from 'react-toastify';
 import 'react-toastify/dist/ReactToastify.css';
 import { useNavigate } from 'react-router-dom';
-import { RiInboxUnarchiveLine } from 'react-icons/ri';
-import { AiFillDelete } from 'react-icons/ai';
 import {Helmet} from "react-helmet";
 
 const RecycleBin = () => {
@@ -120,10 +118,10 @@ const RecycleBin = () => {
                     <div className="bottom-content">
                         <span>{convertToMonthName(new Date(dateStu).getMonth()) + " " + new Date(dateStu).getDate().toString() + ", " + new Date(dateStu).getFullYear()}</span>
                         <div onClick={() => unArchive(note._id)} id={`settings-${note._id}`} className="settings">
-                          <RiInboxUnarchiveLine />
+                        <i class="fa-solid fa-inbox"></i>
                         </div>
                         <div onClick={() => deletePermanently(note._id)} id={`settings-${note._id}`} className="settings">
-                          <AiFillDelete />
+                        <i class="fa-solid fa-trash"></i>
                         </div>
                     </div>
                 </li>