diff --git a/docs/public/screenshots/textinput-flat.disabled.png b/docs/public/screenshots/textinput-flat.disabled.png
new file mode 100644
index 0000000000..15524b2d66
Binary files /dev/null and b/docs/public/screenshots/textinput-flat.disabled.png differ
diff --git a/docs/public/screenshots/textinput-flat.focused.png b/docs/public/screenshots/textinput-flat.focused.png
new file mode 100644
index 0000000000..e91b760c5a
Binary files /dev/null and b/docs/public/screenshots/textinput-flat.focused.png differ
diff --git a/docs/public/screenshots/textinput-flat.icon.png b/docs/public/screenshots/textinput-flat.icon.png
new file mode 100644
index 0000000000..98f8e96ae0
Binary files /dev/null and b/docs/public/screenshots/textinput-flat.icon.png differ
diff --git a/docs/public/screenshots/textinput-outline.affix.png b/docs/public/screenshots/textinput-outline.affix.png
new file mode 100644
index 0000000000..be709ffac5
Binary files /dev/null and b/docs/public/screenshots/textinput-outline.affix.png differ
diff --git a/docs/public/screenshots/textinput-outlined.disabled.png b/docs/public/screenshots/textinput-outlined.disabled.png
new file mode 100644
index 0000000000..25a3ab30a5
Binary files /dev/null and b/docs/public/screenshots/textinput-outlined.disabled.png differ
diff --git a/docs/public/screenshots/textinput-outlined.focused.png b/docs/public/screenshots/textinput-outlined.focused.png
new file mode 100644
index 0000000000..1f9feddddd
Binary files /dev/null and b/docs/public/screenshots/textinput-outlined.focused.png differ
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 03288b6bcd..aba7e03b19 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -549,12 +549,14 @@ a .badge .badge-text {
 }
 
 .paper-version-selector {
+  --paper-version-selector-bg: var(--rp-c-bg-soft, rgba(18, 18, 20, 0.96));
+
   position: relative;
   z-index: 10;
   min-width: 88px;
   border: 1px solid var(--rp-c-divider, rgba(148, 163, 184, 0.24));
   border-radius: 999px;
-  background: var(--rp-c-bg-soft, rgba(18, 18, 20, 0.96));
+  background: var(--paper-version-selector-bg);
   color: var(--rp-c-text-1, #fff);
   backdrop-filter: blur(12px);
 }
@@ -587,7 +589,7 @@ a .badge .badge-text {
   gap: 4px;
   border: 1px solid var(--rp-c-divider, rgba(148, 163, 184, 0.24));
   border-radius: 18px;
-  background: inherit;
+  background: var(--paper-version-selector-bg);
   box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
 }
 
@@ -608,7 +610,9 @@ a .badge .badge-text {
 }
 
 html:not(.dark) .paper-version-selector {
-  background: rgba(255, 255, 255, 0.92);
+  --paper-version-selector-bg: rgba(255, 255, 255, 0.98);
+
+  background: var(--paper-version-selector-bg);
   color: #1c1b1f;
 }
 
@@ -624,6 +628,10 @@ html:not(.dark) .paper-version-selector-menu {
   .paper-version-selector summary {
     padding-inline: 12px;
   }
+
+  html:has(.rp-doc-layout__menu) .paper-version-selector-menu {
+    top: calc(100% + 54px);
+  }
 }
 
 .rp-nav__others > .rp-nav-menu__item,
@@ -631,6 +639,11 @@ html:not(.dark) .paper-version-selector-menu {
   display: none;
 }
 
+.rp-sidebar-menu__left:has(svg)::before {
+  display: none;
+  content: none;
+}
+
 .rp-doc-layout__outline:empty,
 .rp-doc-layout__outline:not(:has(.rp-toc-item)) {
   display: none;
diff --git a/docs/theme/index.tsx b/docs/theme/index.tsx
index 3cd7557c48..539e07ca0e 100644
--- a/docs/theme/index.tsx
+++ b/docs/theme/index.tsx
@@ -20,7 +20,7 @@ const Layout = (props: LayoutProps) => (
           buttonText="Let's talk"
           description="We've spent years building full-stack, cross-platform apps and solving tough technical challenges."
           headline="Need React or React Native expertise you can count on?"
-          href="https://www.callstack.com/contact-us"
+          href="https://www.callstack.com/contact"
         />
       </Fragment>
     }