diff --git a/frontend/apps/remark42/app/assets/social/google.svg b/frontend/apps/remark42/app/assets/social/google.svg
index bc3e5b9d..356589df 100644
--- a/frontend/apps/remark42/app/assets/social/google.svg
+++ b/frontend/apps/remark42/app/assets/social/google.svg
@@ -1 +1 @@
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 10.2c0-.6 0-1.2-.2-1.8h-8.6v3.4h5a4.2 4.2 0 01-1.9 2.8v2.2h3a8.7 8.7 0 002.7-6.6z" fill="#4285F4"/><path d="M10.2 19c2.5 0 4.5-.8 6-2.2l-2.9-2.2c-.8.5-1.9.8-3.1.8A5.5 5.5 0 015 11.7H2V14c1.5 3 4.7 5 8.2 5z" fill="#34A853"/><path d="M5 11.7a5.3 5.3 0 010-3.4V6H2a8.8 8.8 0 000 8l3-2.3z" fill="#FBBC04"/><path d="M10.2 4.6a5 5 0 013.5 1.3l2.6-2.6A9.2 9.2 0 002 6l3 2.4a5.5 5.5 0 015.2-3.7z" fill="#EA4335"/></svg>
+<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.76 10.23c0-.71-.06-1.39-.17-2.05H10.2v3.87h5.36a4.58 4.58 0 01-1.99 3.01v2.5h3.22c1.89-1.74 2.97-4.3 2.97-7.33z" fill="url(#google_gradient_a)"/><path d="M10.2 20c2.7 0 4.96-.89 6.62-2.42l-3.22-2.5c-.9.6-2.04.95-3.4.95-2.62 0-4.83-1.77-5.62-4.15H1.26v2.58A9.99 9.99 0 0010.2 20z" fill="url(#google_gradient_b)"/><path d="M4.58 11.88A6 6 0 014.27 10c0-.65.11-1.29.31-1.88V5.54H1.26A9.99 9.99 0 00.2 10c0 1.61.39 3.14 1.06 4.46l3.32-2.58z" fill="url(#google_gradient_c)"/><path d="M10.2 3.97c1.47 0 2.8.51 3.84 1.5l2.88-2.88A9.95 9.95 0 0010.2 0 9.99 9.99 0 001.26 5.54l3.32 2.58c.79-2.38 3-4.15 5.62-4.15z" fill="url(#google_gradient_d)"/><defs><linearGradient id="google_gradient_a" x1="10.2" y1="8.18" x2="19.76" y2="8.18" gradientUnits="userSpaceOnUse"><stop stop-color="#4285F4"/><stop offset="1" stop-color="#246FE5"/></linearGradient><linearGradient id="google_gradient_b" x1="1.26" y1="15.54" x2="16.82" y2="15.54" gradientUnits="userSpaceOnUse"><stop stop-color="#34A853"/><stop offset="1" stop-color="#0D652D"/></linearGradient><linearGradient id="google_gradient_c" x1=".2" y1="10" x2="4.58" y2="10" gradientUnits="userSpaceOnUse"><stop stop-color="#FBBC04"/><stop offset="1" stop-color="#F7B600"/></linearGradient><linearGradient id="google_gradient_d" x1="1.26" y1="3.53" x2="16.92" y2="3.53" gradientUnits="userSpaceOnUse"><stop stop-color="#EA4335"/><stop offset="1" stop-color="#D93025"/></linearGradient></defs></svg>
diff --git a/frontend/apps/remark42/app/assets/social/twitter-dark.svg b/frontend/apps/remark42/app/assets/social/twitter-dark.svg
new file mode 100644
index 00000000..cdff7bfd
--- /dev/null
+++ b/frontend/apps/remark42/app/assets/social/twitter-dark.svg
@@ -0,0 +1 @@
+<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.903 8.768L18.352 1h-1.529l-5.6 6.748L6.55 1H1l6.766 10.21L1 19h1.529l5.917-7.129L13.45 19H19l-7.097-10.232zm-2.095 2.524l-.686-.967L3.137 2.22h2.35l4.403 6.204.686.967 5.725 8.381h-2.35l-4.143-5.48z" fill="#fff"/></svg>
diff --git a/frontend/apps/remark42/app/assets/social/twitter-light.svg b/frontend/apps/remark42/app/assets/social/twitter-light.svg
new file mode 100644
index 00000000..c8e891c9
--- /dev/null
+++ b/frontend/apps/remark42/app/assets/social/twitter-light.svg
@@ -0,0 +1 @@
+<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.903 8.768L18.352 1h-1.529l-5.6 6.748L6.55 1H1l6.766 10.21L1 19h1.529l5.917-7.129L13.45 19H19l-7.097-10.232zm-2.095 2.524l-.686-.967L3.137 2.22h2.35l4.403 6.204.686.967 5.725 8.381h-2.35l-4.143-5.48z" fill="#000"/></svg>
diff --git a/frontend/apps/remark42/app/assets/social/twitter.svg b/frontend/apps/remark42/app/assets/social/twitter.svg
deleted file mode 100644
index 21dbac48..00000000
--- a/frontend/apps/remark42/app/assets/social/twitter.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.94 5.54c.02.2.02.4.02.58 0 5.94-4.13 12.77-11.67 12.77-2.32 0-4.48-.74-6.29-2.02a7.77 7.77 0 006.08-1.86 4.17 4.17 0 01-3.83-3.1 3.99 3.99 0 001.85-.08A4.4 4.4 0 01.8 7.4v-.06c.55.33 1.18.54 1.85.57a4.78 4.78 0 01-1.27-6 11.35 11.35 0 008.46 4.7c-.07-.34-.1-.69-.1-1.03 0-2.48 1.82-4.49 4.1-4.49 1.18 0 2.24.54 2.99 1.42.93-.2 1.81-.57 2.6-1.09a4.42 4.42 0 01-1.8 2.48c.82-.1 1.62-.35 2.36-.7a9.31 9.31 0 01-2.06 2.32z" fill="#1DA1F2"/></svg>
diff --git a/frontend/apps/remark42/app/components/auth/components/oauth.consts.ts b/frontend/apps/remark42/app/components/auth/components/oauth.consts.ts
index d7d86d7f..9336d71c 100644
--- a/frontend/apps/remark42/app/components/auth/components/oauth.consts.ts
+++ b/frontend/apps/remark42/app/components/auth/components/oauth.consts.ts
@@ -7,7 +7,13 @@ export const OAUTH_DATA = {
     },
   },
   facebook: require('assets/social/facebook.svg').default as string,
-  twitter: require('assets/social/twitter.svg').default as string,
+  twitter: {
+    name: 'X',
+    icons: {
+      light: require('assets/social/twitter-light.svg').default as string,
+      dark: require('assets/social/twitter-dark.svg').default as string,
+    },
+  },
   patreon: require('assets/social/patreon.svg').default as string,
   discord: require('assets/social/discord.svg').default as string,
   google: require('assets/social/google.svg').default as string,