diff --git a/docs/src/__examples__/SocialButton/DEFAULT.tsx b/docs/src/__examples__/SocialButton/DEFAULT.tsx
index ef1a83618b..bc2ba11e99 100644
--- a/docs/src/__examples__/SocialButton/DEFAULT.tsx
+++ b/docs/src/__examples__/SocialButton/DEFAULT.tsx
@@ -11,7 +11,7 @@ export default {
           name: "type",
           type: "select",
           defaultValue: "apple",
-          options: ["apple", "facebook", "twitter", "google"],
+          options: ["apple", "facebook", "X", "google"],
         },
         {
           name: "fullWidth",
diff --git a/docs/src/__examples__/SocialButton/services.tsx b/docs/src/__examples__/SocialButton/services.tsx
index 01d8809a3e..885eee31c4 100644
--- a/docs/src/__examples__/SocialButton/services.tsx
+++ b/docs/src/__examples__/SocialButton/services.tsx
@@ -14,8 +14,8 @@ export default {
       code: `() => <SocialButton type="google">Sign in with Google</SocialButton>`,
     },
     {
-      name: "twitter",
-      code: `() => <SocialButton type="twitter">Sign in with Twitter</SocialButton>`,
+      name: "X",
+      code: `() => <SocialButton type="X">Sign in with X</SocialButton>`,
     },
   ],
 };
diff --git a/docs/src/components/Footer.tsx b/docs/src/components/Footer.tsx
index 88408024de..d2c691e8e7 100644
--- a/docs/src/components/Footer.tsx
+++ b/docs/src/components/Footer.tsx
@@ -6,7 +6,7 @@ import { Link, useStaticQuery, graphql } from "gatsby";
 import mediaQueries from "./MediaQueries";
 import Switch from "./Switch";
 import GitHub from "../images/logos/github-circle.svg";
-import Twitter from "../images/logos/twitter-circle.svg";
+import X from "../images/logos/twitter-circle.svg";
 import orbitHeart from "../images/orbit-heart.png";
 import { MAX_CONTENT_WIDTH, CONTENT_PADDING } from "../consts";
 import useDevMode from "../hooks/useDevMode";
@@ -127,8 +127,8 @@ export default function Footer() {
               <StyledIconLink href="https://github.com/kiwicom/orbit" aria-label="GitHub">
                 <GitHub />
               </StyledIconLink>
-              <StyledIconLink href="https://twitter.com/OrbitKiwi" aria-label="Twitter">
-                <Twitter />
+              <StyledIconLink href="https://x.com/OrbitKiwi" aria-label="X">
+                <X />
               </StyledIconLink>
             </Stack>
           </Stack>
diff --git a/docs/src/components/Head/index.tsx b/docs/src/components/Head/index.tsx
index 25348a5a24..6e22534428 100644
--- a/docs/src/components/Head/index.tsx
+++ b/docs/src/components/Head/index.tsx
@@ -40,8 +40,8 @@ export default function Head({ title, hasSiteName, description, path }: Props) {
       <meta property="og:title" content={pageTitle} />
       <meta property="og:description" content={description} />
       <meta property="og:url" content={url} />
-      {/* Twitter Card */}
-      {/* https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary */}
+      {/* X Card */}
+      {/* https://developer.x.com/en/docs/x-for-websites/cards/overview/summary */}
       <meta name="twitter:card" content="summary" />
       <meta name="twitter:site" content="@OrbitKiwi" />
       <meta name="twitter:title" content={pageTitle} />