diff --git a/components/layout/Navigation.js b/components/layout/Navigation.js
index 895ce2b..df593f7 100644
--- a/components/layout/Navigation.js
+++ b/components/layout/Navigation.js
@@ -53,7 +53,7 @@ const Navigation = () => {
             onClick={handleOnClick}
             href={TWITTER_LINK}
           >
-            <i className='text-lg ri-twitter-line group-hover:-rotate-12'></i>{' '}
+            <i className='text-lg ri-twitter-x-line group-hover:-rotate-12'></i>{' '}
             Share on twitter
           </a>
 
@@ -86,7 +86,7 @@ const Navigation = () => {
         className='inline-flex items-center gap-2 pr-3 text-sm md:text-lg group hover:text-drip-black/80 border-r-2 border-drip-black/20'
         href={TWITTER_LINK}
       >
-        <i className='text-lg ri-twitter-line group-hover:-rotate-12 '></i>{' '}
+        <i className='text-lg ri-twitter-x-line group-hover:-rotate-12 '></i>{' '}
         Share on twitter
       </a>
 
diff --git a/package-lock.json b/package-lock.json
index 025fd42..65ae8f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-icons": "^4.4.0",
-        "remixicon": "^2.5.0"
+        "remixicon": "^3.5.0"
       },
       "devDependencies": {
         "autoprefixer": "^10.4.8",
@@ -2995,9 +2995,9 @@
       }
     },
     "node_modules/remixicon": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/remixicon/-/remixicon-2.5.0.tgz",
-      "integrity": "sha512-q54ra2QutYDZpuSnFjmeagmEiN9IMo56/zz5dDNitzKD23oFRw77cWo4TsrAdmdkPiEn8mxlrTqxnkujDbEGww=="
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/remixicon/-/remixicon-3.5.0.tgz",
+      "integrity": "sha512-wNzWGKf4frb3tEmgvP5shry0n1OdTjjEk9RHLuRuAhfA50bvEdpKH1XWNUYrHUSjAQQkkdyIm+lf4mOuysIKTQ=="
     },
     "node_modules/resolve": {
       "version": "1.22.1",
@@ -5603,9 +5603,9 @@
       "dev": true
     },
     "remixicon": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/remixicon/-/remixicon-2.5.0.tgz",
-      "integrity": "sha512-q54ra2QutYDZpuSnFjmeagmEiN9IMo56/zz5dDNitzKD23oFRw77cWo4TsrAdmdkPiEn8mxlrTqxnkujDbEGww=="
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/remixicon/-/remixicon-3.5.0.tgz",
+      "integrity": "sha512-wNzWGKf4frb3tEmgvP5shry0n1OdTjjEk9RHLuRuAhfA50bvEdpKH1XWNUYrHUSjAQQkkdyIm+lf4mOuysIKTQ=="
     },
     "resolve": {
       "version": "1.22.1",
diff --git a/package.json b/package.json
index d8b2751..73e46fa 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.4.0",
-    "remixicon": "^2.5.0"
+    "remixicon": "^3.5.0"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.8",