diff --git a/.changeset/spicy-items-watch.md b/.changeset/spicy-items-watch.md
new file mode 100644
index 00000000000..bffcfa80181
--- /dev/null
+++ b/.changeset/spicy-items-watch.md
@@ -0,0 +1,6 @@
+---
+"@primer/react": patch
+"@primer/styled-react": patch
+---
+
+chore(TextInput): remove sx
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-colorblind-linux.png
deleted file mode 100644
index df3df41d174..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-colorblind-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-dimmed-linux.png
deleted file mode 100644
index 7c5497e2b96..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-dimmed-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-high-contrast-linux.png
deleted file mode 100644
index 36a573d7a12..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-high-contrast-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-linux.png
deleted file mode 100644
index df3df41d174..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-tritanopia-linux.png
deleted file mode 100644
index df3df41d174..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-dark-tritanopia-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-colorblind-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-colorblind-linux.png
deleted file mode 100644
index 785dcf53bb9..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-colorblind-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-high-contrast-linux.png
deleted file mode 100644
index adef3e640fb..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-high-contrast-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-linux.png
deleted file mode 100644
index 785dcf53bb9..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-tritanopia-linux.png
deleted file mode 100644
index 785dcf53bb9..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSx-light-tritanopia-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-colorblind-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-colorblind-linux.png
deleted file mode 100644
index 081099aacdb..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-colorblind-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-dimmed-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-dimmed-linux.png
deleted file mode 100644
index 5c4c510e792..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-dimmed-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-high-contrast-linux.png
deleted file mode 100644
index 6f5df61ea46..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-high-contrast-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-linux.png
deleted file mode 100644
index 081099aacdb..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-tritanopia-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-tritanopia-linux.png
deleted file mode 100644
index 081099aacdb..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-dark-tritanopia-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-colorblind-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-colorblind-linux.png
deleted file mode 100644
index 14413c4b12e..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-colorblind-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-high-contrast-linux.png
deleted file mode 100644
index 2e8b221001e..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-high-contrast-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-linux.png
deleted file mode 100644
index 14413c4b12e..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-linux.png and /dev/null differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-tritanopia-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-tritanopia-linux.png
deleted file mode 100644
index 14413c4b12e..00000000000
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Dev-WithSxAndCSS-light-tritanopia-linux.png and /dev/null differ
diff --git a/e2e/components/TextInput.test.ts b/e2e/components/TextInput.test.ts
index fceb98ca879..114854866b2 100644
--- a/e2e/components/TextInput.test.ts
+++ b/e2e/components/TextInput.test.ts
@@ -219,24 +219,6 @@ test.describe('TextInput', () => {
     }
   })
 
-  test.describe('Dev: With Sx', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-textinput-dev--with-sx',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`TextInput.Dev.WithSx.${theme}.png`)
-        })
-      })
-    }
-  })
-
   test.describe('Dev: With CSS', () => {
     for (const theme of themes) {
       test.describe(theme, () => {
@@ -254,22 +236,4 @@ test.describe('TextInput', () => {
       })
     }
   })
-
-  test.describe('Dev: With Sx and CSS', () => {
-    for (const theme of themes) {
-      test.describe(theme, () => {
-        test('default @vrt', async ({page}) => {
-          await visit(page, {
-            id: 'components-textinput-dev--with-sx-and-css',
-            globals: {
-              colorScheme: theme,
-            },
-          })
-
-          // Default state
-          expect(await page.screenshot()).toMatchSnapshot(`TextInput.Dev.WithSxAndCSS.${theme}.png`)
-        })
-      })
-    }
-  })
 })
diff --git a/packages/react/src/TextInput/TextInput.dev.stories.tsx b/packages/react/src/TextInput/TextInput.dev.stories.tsx
index 356f21970c3..ebcf5fc62cd 100644
--- a/packages/react/src/TextInput/TextInput.dev.stories.tsx
+++ b/packages/react/src/TextInput/TextInput.dev.stories.tsx
@@ -18,21 +18,3 @@ export const WithCSS = () => (
     </FormControl>
   </form>
 )
-
-export const WithSx = () => (
-  <form>
-    <FormControl>
-      <FormControl.Label>Default label</FormControl.Label>
-      <TextInput sx={{borderColor: 'red'}} />
-    </FormControl>
-  </form>
-)
-
-export const WithSxAndCSS = () => (
-  <form>
-    <FormControl>
-      <FormControl.Label>Default label</FormControl.Label>
-      <TextInput sx={{borderColor: 'red'}} className="testCustomClassnameBorderColor" />
-    </FormControl>
-  </form>
-)
diff --git a/packages/react/src/TextInput/TextInput.tsx b/packages/react/src/TextInput/TextInput.tsx
index ff666c81c7f..5aa61e3040a 100644
--- a/packages/react/src/TextInput/TextInput.tsx
+++ b/packages/react/src/TextInput/TextInput.tsx
@@ -46,7 +46,6 @@ export type TextInputNonPassthroughProps = {
     | 'contrast'
     | 'disabled'
     | 'monospace'
-    | 'sx'
     | 'width'
     | 'maxWidth'
     | 'minWidth'
@@ -75,7 +74,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
       loaderText = 'Loading',
       monospace,
       validationStatus,
-      sx: sxProp,
       size: sizeProp,
       onFocus,
       onBlur,
@@ -137,7 +135,6 @@ const TextInput = React.forwardRef<HTMLInputElement, TextInputProps>(
         contrast={contrast}
         disabled={disabled}
         monospace={monospace}
-        sx={sxProp}
         size={sizeProp}
         width={widthProp}
         minWidth={minWidthProp}
diff --git a/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap b/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap
index 04f3f456271..4d816592e47 100644
--- a/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap
+++ b/packages/react/src/TextInput/__snapshots__/TextInput.test.tsx.snap
@@ -294,7 +294,7 @@ exports[`TextInput > renders trailingAction icon button 1`] = `
       <button
         aria-describedby=":r23:-loading-announcement"
         aria-labelledby=":r22:"
-        class="sc-gEvEer dEeFcy prc-Button-ButtonBase-Eb8-K prc-components-Invisible-6q42n prc-Button-IconButton-GE6m6"
+        class="prc-Button-ButtonBase-Eb8-K prc-components-Invisible-6q42n prc-Button-IconButton-GE6m6"
         data-component="IconButton"
         data-loading="false"
         data-no-visuals="true"
@@ -352,7 +352,7 @@ exports[`TextInput > renders trailingAction text button 1`] = `
     >
       <button
         aria-describedby=":r1p:-loading-announcement"
-        class="sc-gEvEer dEeFcy prc-Button-ButtonBase-Eb8-K prc-components-Invisible-6q42n"
+        class="prc-Button-ButtonBase-Eb8-K prc-components-Invisible-6q42n"
         data-loading="false"
         data-no-visuals="true"
         data-size="medium"
@@ -360,7 +360,8 @@ exports[`TextInput > renders trailingAction text button 1`] = `
         type="button"
       >
         <span
-          class="sc-gEvEer bLWYQi prc-Button-ButtonContent-KZ5Bz"
+          class="prc-Button-ButtonContent-KZ5Bz"
+          data-align="center"
           data-component="buttonContent"
         >
           <span
@@ -395,7 +396,7 @@ exports[`TextInput > renders trailingAction text button with a tooltip 1`] = `
     >
       <button
         aria-describedby=":r1u:-loading-announcement :r1t:"
-        class="sc-gEvEer dEeFcy prc-Button-ButtonBase-Eb8-K prc-components-Invisible-6q42n"
+        class="prc-Button-ButtonBase-Eb8-K prc-components-Invisible-6q42n"
         data-loading="false"
         data-no-visuals="true"
         data-size="medium"
@@ -403,7 +404,8 @@ exports[`TextInput > renders trailingAction text button with a tooltip 1`] = `
         type="button"
       >
         <span
-          class="sc-gEvEer bLWYQi prc-Button-ButtonContent-KZ5Bz"
+          class="prc-Button-ButtonContent-KZ5Bz"
+          data-align="center"
           data-component="buttonContent"
         >
           <span
diff --git a/packages/react/src/TextInput/index.ts b/packages/react/src/TextInput/index.ts
index 9395085508e..7df2e878207 100644
--- a/packages/react/src/TextInput/index.ts
+++ b/packages/react/src/TextInput/index.ts
@@ -1,2 +1,3 @@
 export {default} from './TextInput'
 export type {TextInputProps, TextInputNonPassthroughProps} from './TextInput'
+export type {TextInputActionProps} from '../internal/components/TextInputInnerAction'
diff --git a/packages/react/src/TextInputWithTokens/TextInputWithTokens.tsx b/packages/react/src/TextInputWithTokens/TextInputWithTokens.tsx
index db3e65f3479..6d72072fa04 100644
--- a/packages/react/src/TextInputWithTokens/TextInputWithTokens.tsx
+++ b/packages/react/src/TextInputWithTokens/TextInputWithTokens.tsx
@@ -84,7 +84,6 @@ function TextInputWithTokensInnerComponent<TokenComponentType extends AnyReactCo
     className,
     block,
     disabled,
-    sx: sxProp,
     tokens,
     onTokenRemove,
     tokenComponent: TokenComponent = Token,
@@ -273,7 +272,6 @@ function TextInputWithTokensInnerComponent<TokenComponentType extends AnyReactCo
       data-token-wrapping={Boolean(preventTokenWrapping || maxHeight) || undefined}
       className={clsx(className, styles.TextInputWrapper)}
       style={maxHeight ? {maxHeight, ...style} : style}
-      sx={sxProp}
     >
       {IconComponent && !LeadingVisual && <IconComponent className="TextInput-icon" />}
       <TextInputInnerVisualSlot
diff --git a/packages/react/src/Textarea/Textarea.tsx b/packages/react/src/Textarea/Textarea.tsx
index f4620fc8773..39d86684372 100644
--- a/packages/react/src/Textarea/Textarea.tsx
+++ b/packages/react/src/Textarea/Textarea.tsx
@@ -2,7 +2,6 @@ import type {TextareaHTMLAttributes, ReactElement} from 'react'
 import React from 'react'
 import {TextInputBaseWrapper} from '../internal/components/TextInputWrapper'
 import type {FormValidationStatus} from '../utils/types/FormValidationStatus'
-import type {SxProp} from '../sx'
 import classes from './TextArea.module.css'
 import type {WithSlotMarker} from '../utils/types'
 
@@ -47,8 +46,7 @@ export type TextareaProps = {
    * CSS styles to apply to the Textarea
    */
   style?: React.CSSProperties
-} & TextareaHTMLAttributes<HTMLTextAreaElement> &
-  SxProp
+} & TextareaHTMLAttributes<HTMLTextAreaElement>
 
 /**
  * An accessible, native textarea component that supports validation states.
@@ -59,7 +57,6 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
     {
       value,
       disabled,
-      sx: sxProp,
       required,
       validationStatus,
       rows = DEFAULT_TEXTAREA_ROWS,
@@ -77,7 +74,6 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
   ): ReactElement => {
     return (
       <TextInputBaseWrapper
-        sx={sxProp}
         validationStatus={validationStatus}
         disabled={disabled}
         block={block}
diff --git a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
index efc9123a2aa..bf25d407214 100644
--- a/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
+++ b/packages/react/src/__tests__/__snapshots__/exports.test.ts.snap
@@ -180,6 +180,7 @@ exports[`@primer/react > should not update exports without a semver change 1`] =
   "Textarea",
   "type TextareaProps",
   "TextInput",
+  "type TextInputActionProps",
   "type TextInputProps",
   "TextInputWithTokens",
   "type TextInputWithTokensProps",
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 5159f3ad5d4..b5028b8e510 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -170,7 +170,7 @@ export type {SubNavProps, SubNavLinkProps, SubNavLinksProps} from './SubNav'
 export {default as ToggleSwitch} from './ToggleSwitch'
 export type {ToggleSwitchProps} from './ToggleSwitch'
 export {default as TextInput} from './TextInput'
-export type {TextInputProps} from './TextInput'
+export type {TextInputProps, TextInputActionProps} from './TextInput'
 export {default as TextInputWithTokens} from './TextInputWithTokens'
 export type {TextInputWithTokensProps} from './TextInputWithTokens'
 export {default as Text} from './Text'
diff --git a/packages/react/src/internal/components/TextInputInnerAction.tsx b/packages/react/src/internal/components/TextInputInnerAction.tsx
index 03093d32575..22d45d0b6d0 100644
--- a/packages/react/src/internal/components/TextInputInnerAction.tsx
+++ b/packages/react/src/internal/components/TextInputInnerAction.tsx
@@ -4,12 +4,11 @@ import type {IconProps} from '@primer/octicons-react'
 import {Button, IconButton} from '../../Button'
 import {Tooltip} from '../../TooltipV2'
 import type {ButtonProps} from '../../Button'
-import type {SxProp} from '../../sx'
 import {clsx} from 'clsx'
 
 import styles from './TextInputInnerAction.module.css'
 
-type TextInputActionProps = Omit<
+export type TextInputActionProps = Omit<
   React.ButtonHTMLAttributes<HTMLButtonElement>,
   'aria-label' | 'size' | 'tooltipDirection'
 > & {
@@ -26,7 +25,7 @@ type TextInputActionProps = Omit<
    * Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger'
    */
   variant?: ButtonProps['variant']
-} & SxProp
+}
 
 const ConditionalTooltip: React.FC<
   React.PropsWithChildren<{
@@ -54,14 +53,13 @@ const TextInputAction = forwardRef<HTMLButtonElement, TextInputActionProps>(
       tooltipDirection,
       children,
       icon,
-      sx: sxProp,
       className,
       variant = 'invisible',
       ...rest
     },
     forwardedRef,
   ) => {
-    const styleProps = {className: clsx(variant === 'invisible' && styles.Invisible, className), sx: sxProp || {}}
+    const styleProps = {className: clsx(variant === 'invisible' && styles.Invisible, className)}
 
     if ((icon && !ariaLabel) || (!children && !ariaLabel)) {
       // eslint-disable-next-line no-console
diff --git a/packages/react/src/internal/components/TextInputWrapper.tsx b/packages/react/src/internal/components/TextInputWrapper.tsx
index 753e6ede66a..a88bb698e3d 100644
--- a/packages/react/src/internal/components/TextInputWrapper.tsx
+++ b/packages/react/src/internal/components/TextInputWrapper.tsx
@@ -1,10 +1,8 @@
 import React, {type ComponentProps} from 'react'
-import type {SxProp} from '../../sx'
 import type {FormValidationStatus} from '../../utils/types/FormValidationStatus'
 import {clsx} from 'clsx'
 
 import styles from './TextInputWrapper.module.css'
-import {BoxWithFallback} from './BoxWithFallback'
 
 export type TextInputSizes = 'small' | 'medium' | 'large'
 
@@ -29,7 +27,7 @@ type StyledTextInputBaseWrapperProps = {
   minWidth?: string | number
   /** @deprecated Update `max-width` using CSS modules or style. */
   maxWidth?: string | number
-} & SxProp
+}
 
 type StyledTextInputWrapperProps = {
   hasLeadingVisual?: boolean
@@ -57,9 +55,17 @@ export const TextInputBaseWrapper = React.forwardRef<HTMLElement, StyledTextInpu
     },
     forwardRef,
   ) {
+    const memoizedStyle = React.useMemo(() => {
+      return {
+        ...(width ? {width} : {}),
+        ...(minWidth ? {minWidth} : {}),
+        ...(maxWidth ? {maxWidth} : {}),
+        ...style,
+      }
+    }, [width, minWidth, maxWidth, style])
+
     return (
-      <BoxWithFallback
-        as="span"
+      <span
         ref={forwardRef}
         className={clsx(className, styles.TextInputBaseWrapper)}
         data-block={block || undefined}
@@ -71,7 +77,7 @@ export const TextInputBaseWrapper = React.forwardRef<HTMLElement, StyledTextInpu
         data-trailing-action={hasTrailingAction || undefined}
         data-validation={validationStatus || undefined}
         data-variant={variant || undefined}
-        style={width || minWidth || maxWidth ? {width, maxWidth, minWidth, ...style} : style}
+        style={memoizedStyle}
         {...restProps}
       />
     )
diff --git a/packages/styled-react/src/__tests__/primer-react.browser.test.tsx b/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
index 6d1370ffe9b..7366520536d 100644
--- a/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
+++ b/packages/styled-react/src/__tests__/primer-react.browser.test.tsx
@@ -411,7 +411,7 @@ describe('@primer/react', () => {
     expect(window.getComputedStyle(container.firstElementChild!).backgroundColor).toBe('rgb(255, 0, 0)')
   })
 
-  test.skip('Select supports `sx` prop', () => {
+  test('Select supports `sx` prop', () => {
     render(<Select as="select" data-testid="component" sx={{background: 'red'}} required />)
     expect(window.getComputedStyle(screen.getByTestId('component')).backgroundColor).toBe('rgb(255, 0, 0)')
     expect(screen.getByTestId('component')).toHaveAttribute('required')
diff --git a/packages/styled-react/src/components/Autocomplete.tsx b/packages/styled-react/src/components/Autocomplete.tsx
index 1ee6e899f35..cb4571879db 100644
--- a/packages/styled-react/src/components/Autocomplete.tsx
+++ b/packages/styled-react/src/components/Autocomplete.tsx
@@ -1,6 +1,7 @@
 import {
   Autocomplete as PrimerAutocomplete,
   type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps,
+  type AutocompleteInputProps as PrimerAutocompleteInputProps,
   type SlotMarker,
 } from '@primer/react'
 import {sx, type SxProp} from '../sx'
@@ -17,17 +18,25 @@ const AutocompleteOverlay: React.ComponentType<AutocompleteOverlayProps> & SlotM
   ${sx}
 `
 
+export type AutocompleteInputProps = PrimerAutocompleteInputProps & SxProp
+
+const AutocompleteInput: React.ComponentType<AutocompleteInputProps> = styled(PrimerAutocomplete.Input).withConfig({
+  shouldForwardProp: prop => (prop as keyof AutocompleteInputProps) !== 'sx',
+})<AutocompleteInputProps>`
+  ${sx}
+`
+
 interface AutocompleteExport {
   (props: ComponentProps<typeof PrimerAutocomplete>): React.ReactNode
   Context: typeof PrimerAutocomplete.Context
-  Input: typeof PrimerAutocomplete.Input
+  Input: typeof AutocompleteInput
   Menu: typeof PrimerAutocomplete.Menu
   Overlay: typeof AutocompleteOverlay
 }
 
 const Autocomplete: AutocompleteExport = Object.assign(PrimerAutocomplete, {
   Context: PrimerAutocomplete.Context,
-  Input: PrimerAutocomplete.Input,
+  Input: AutocompleteInput,
   Menu: PrimerAutocomplete.Menu,
   Overlay: AutocompleteOverlay,
 })
diff --git a/packages/styled-react/src/components/Select.tsx b/packages/styled-react/src/components/Select.tsx
new file mode 100644
index 00000000000..32d83513142
--- /dev/null
+++ b/packages/styled-react/src/components/Select.tsx
@@ -0,0 +1,17 @@
+import {Select as PrimerSelect, type SelectProps as PrimerSelectProps} from '@primer/react'
+import {sx, type SxProp} from '../sx'
+import type {ForwardRefComponent} from '../polymorphic'
+import styled from 'styled-components'
+
+type SelectProps = PrimerSelectProps & SxProp & {as?: React.ElementType}
+
+const StyledSelect: ForwardRefComponent<'select', SelectProps> = styled(PrimerSelect).withConfig({
+  shouldForwardProp: prop => (prop as keyof SelectProps) !== 'sx',
+})<SelectProps>`
+  ${sx}
+`
+const Select = ({as, ...props}: SelectProps) => {
+  return <StyledSelect {...props} {...(as ? {forwardedAs: as as React.ElementType} : {})} />
+}
+
+export {Select, type SelectProps}
diff --git a/packages/styled-react/src/components/TextInput.tsx b/packages/styled-react/src/components/TextInput.tsx
new file mode 100644
index 00000000000..bbd7744ca98
--- /dev/null
+++ b/packages/styled-react/src/components/TextInput.tsx
@@ -0,0 +1,40 @@
+import {
+  TextInput as PrimerTextInput,
+  type TextInputProps as PrimerTextInputProps,
+  type TextInputActionProps as PrimerTextInputActionProps,
+} from '@primer/react'
+import {forwardRef} from 'react'
+import {sx, type SxProp} from '../sx'
+import type {ForwardRefExoticComponent, RefAttributes} from 'react'
+import {type ForwardRefComponent} from '../polymorphic'
+import styled from 'styled-components'
+
+export type TextInputProps = PrimerTextInputProps & SxProp & {as?: React.ElementType}
+export type TextInputActionProps = PrimerTextInputActionProps & SxProp
+
+const StyledTextInput: ForwardRefComponent<'input', TextInputProps> = styled(PrimerTextInput).withConfig({
+  shouldForwardProp: prop => (prop as keyof TextInputProps) !== 'sx',
+})<TextInputProps>`
+  ${sx}
+`
+
+const TextInputImpl = forwardRef<HTMLInputElement, TextInputProps>(({as, ...props}, ref) => {
+  return <StyledTextInput ref={ref} {...props} {...(as ? {forwardedAs: as} : {})} />
+})
+
+const TextInputAction: ForwardRefComponent<'button', TextInputActionProps> = styled(PrimerTextInput.Action).withConfig({
+  shouldForwardProp: prop => (prop as keyof TextInputActionProps) !== 'sx',
+})<TextInputActionProps>`
+  ${sx}
+`
+
+type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
+  Action: typeof TextInputAction
+}
+
+export const TextInput: TextInputComposite = Object.assign(TextInputImpl, {
+  Action: TextInputAction,
+})
+
+TextInputAction.displayName = 'TextInputAction'
+TextInputImpl.displayName = 'TextInput'
diff --git a/packages/styled-react/src/components/Textarea.tsx b/packages/styled-react/src/components/Textarea.tsx
new file mode 100644
index 00000000000..2e8ad764e10
--- /dev/null
+++ b/packages/styled-react/src/components/Textarea.tsx
@@ -0,0 +1,19 @@
+import {Textarea as PrimerTextarea, type TextareaProps as PrimerTextareaProps} from '@primer/react'
+import styled from 'styled-components'
+import {sx, type SxProp} from '../sx'
+import type {ForwardRefComponent} from '../polymorphic'
+import {forwardRef} from 'react'
+
+type TextareaProps = PrimerTextareaProps & SxProp & {as?: React.ElementType}
+
+const StyledTextarea = styled(PrimerTextarea).withConfig<TextareaProps>({
+  shouldForwardProp: prop => prop !== 'sx',
+})`
+  ${sx}
+` as ForwardRefComponent<'textarea', TextareaProps>
+
+const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(({as, ...props}, ref) => {
+  return <StyledTextarea {...props} {...(as ? {forwardedAs: as} : {})} ref={ref} />
+}) as ForwardRefComponent<'textarea', TextareaProps>
+
+export {Textarea, type TextareaProps}
diff --git a/packages/styled-react/src/index.tsx b/packages/styled-react/src/index.tsx
index 6d9c4fba9e2..cad77cf505c 100644
--- a/packages/styled-react/src/index.tsx
+++ b/packages/styled-react/src/index.tsx
@@ -5,10 +5,6 @@ export {Button} from '@primer/react'
 export {Details} from '@primer/react'
 export {IconButton} from '@primer/react'
 export {ProgressBar} from '@primer/react'
-export {Select} from '@primer/react'
-export {Textarea} from '@primer/react'
-export {TextInput} from '@primer/react'
-export {type TextInputProps} from '@primer/react'
 
 // theming depends on styled-components
 export {ThemeProvider, useTheme, useColorSchemeVar, BaseStyles} from './components/FeatureFlaggedTheming'
@@ -60,10 +56,13 @@ export {
   type SegmentedControlButtonProps,
   type SegmentedControlIconButtonProps,
 } from './components/SegmentedControl'
+export {Select, type SelectProps} from './components/Select'
 export {Spinner, type SpinnerProps} from './components/Spinner'
 export {StateLabel, type StateLabelProps} from './components/StateLabel'
 export {SubNav, type SubNavProps, type SubNavLinkProps} from './components/SubNav'
 export {Text, type TextProps} from './components/Text'
+export {Textarea, type TextareaProps} from './components/Textarea'
+export {TextInput, type TextInputProps, type TextInputActionProps} from './components/TextInput'
 export {
   Timeline,
   type TimelineProps,