diff --git a/packages/components/src/ui/context/polymorphic-component.ts b/packages/components/src/ui/context/polymorphic-component.ts
index e8f4abc9f09a8b..a04bd1af01ad8d 100644
--- a/packages/components/src/ui/context/polymorphic-component.ts
+++ b/packages/components/src/ui/context/polymorphic-component.ts
@@ -32,7 +32,7 @@ export type PolymorphicComponent< T extends As, O > = {
 	): JSX.Element | null;
 	( props: ViewOwnProps< O, T > ): JSX.Element | null;
 	displayName?: string;
-	selector: string;
+	selector: `.${ string }`;
 };
 
 export type CreatePolymorphicComponent< T extends As, P > = (
diff --git a/packages/components/src/view/component.js b/packages/components/src/view/component.js
index a390376174610c..4c50edbcfe2358 100644
--- a/packages/components/src/view/component.js
+++ b/packages/components/src/view/component.js
@@ -24,7 +24,7 @@ import styled from '@emotion/styled';
  */
 // @ts-ignore
 const View = styled.div``;
-View.selector = 'components-view';
+View.selector = '.components-view';
 View.displayName = 'View';
 
 export default View;