diff --git a/packages/styled-base/types/index.d.ts b/packages/styled-base/types/index.d.ts
index 24ada2782..0aff45cc9 100644
--- a/packages/styled-base/types/index.d.ts
+++ b/packages/styled-base/types/index.d.ts
@@ -65,7 +65,10 @@ export interface CreateStyledComponent<Props, ExtraProps> {
  * @example styled('div')<Props>(props => ({ width: props.width })
  */
 export interface CreateStyled<Theme = any> {
-  <C extends React.ComponentType<any>, ExtraProps = {}>(
+  <
+    C extends React.ComponentType<React.ComponentPropsWithRef<C>>,
+    ExtraProps = {}
+  >(
     component: C,
     options?: StyledOptions
   ): CreateStyledComponent<