diff --git a/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx b/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx
index a16d29e038..a2a809bae6 100644
--- a/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx
+++ b/packages/core-components/src/components/AlertDisplay/AlertDisplay.tsx
@@ -33,12 +33,12 @@ import pluralize from 'pluralize';
 
 // TODO: improve on this and promote to a shared component for use by all apps.
 
-type Props = {
+export type AlertDisplayProps = {
   vertical?: 'top' | 'bottom';
   horizontal?: 'left' | 'center' | 'right';
 };
 
-export function AlertDisplay(props: Props) {
+export function AlertDisplay(props: AlertDisplayProps) {
   const [messages, setMessages] = useState<Array<AlertMessage>>([]);
   const alertApi = useApi(alertApiRef);