diff --git a/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx b/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx
index f57487ddce..846ab58d9e 100644
--- a/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx
+++ b/packages/ui/src/organisms/OutOfStock/OutOfStockMessage.tsx
@@ -13,9 +13,14 @@ export const OutOfStockMessage = ({
   as: MessageComponent = 'p',
   testId = 'store-out-of-stock-message',
   children,
+  ...otherProps
 }: OutOfStockMessageProps) => {
   return (
-    <MessageComponent data-out-of-stock-message data-testid={testId}>
+    <MessageComponent
+      data-out-of-stock-message
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </MessageComponent>
   )
diff --git a/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx b/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx
index 213dafac2a..e7769800e6 100644
--- a/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx
+++ b/packages/ui/src/organisms/OutOfStock/OutOfStockTitle.tsx
@@ -13,9 +13,14 @@ export const OutOfStockTitle = ({
   as: TitleComponent = 'h2',
   testId = 'store-out-of-stock-title',
   children,
+  ...otherProps
 }: OutOfStockTitleProps) => {
   return (
-    <TitleComponent data-out-of-stock-title data-testid={testId}>
+    <TitleComponent
+      data-out-of-stock-title
+      data-testid={testId}
+      {...otherProps}
+    >
       {children}
     </TitleComponent>
   )