diff --git a/packages/react/src/components/Dropdown/__snapshots__/Dropdown-test.js.snap b/packages/react/src/components/Dropdown/__snapshots__/Dropdown-test.js.snap
index 04e9b29e8f40..0612f7662ee3 100644
--- a/packages/react/src/components/Dropdown/__snapshots__/Dropdown-test.js.snap
+++ b/packages/react/src/components/Dropdown/__snapshots__/Dropdown-test.js.snap
@@ -293,7 +293,7 @@ exports[`Dropdown should render custom item components 1`] = `
             role="listbox"
             tabIndex={-1}
           >
-            <ListBoxMenuItem
+            <ForwardRef(ListBoxMenuItem)
               aria-selected="false"
               id="downshift-6-item-0"
               isActive={false}
@@ -328,8 +328,8 @@ exports[`Dropdown should render custom item components 1`] = `
                   </itemToElement>
                 </div>
               </div>
-            </ListBoxMenuItem>
-            <ListBoxMenuItem
+            </ForwardRef(ListBoxMenuItem)>
+            <ForwardRef(ListBoxMenuItem)
               aria-selected="false"
               id="downshift-6-item-1"
               isActive={false}
@@ -364,8 +364,8 @@ exports[`Dropdown should render custom item components 1`] = `
                   </itemToElement>
                 </div>
               </div>
-            </ListBoxMenuItem>
-            <ListBoxMenuItem
+            </ForwardRef(ListBoxMenuItem)>
+            <ForwardRef(ListBoxMenuItem)
               aria-selected="false"
               id="downshift-6-item-2"
               isActive={false}
@@ -400,8 +400,8 @@ exports[`Dropdown should render custom item components 1`] = `
                   </itemToElement>
                 </div>
               </div>
-            </ListBoxMenuItem>
-            <ListBoxMenuItem
+            </ForwardRef(ListBoxMenuItem)>
+            <ForwardRef(ListBoxMenuItem)
               aria-selected="false"
               id="downshift-6-item-3"
               isActive={false}
@@ -436,8 +436,8 @@ exports[`Dropdown should render custom item components 1`] = `
                   </itemToElement>
                 </div>
               </div>
-            </ListBoxMenuItem>
-            <ListBoxMenuItem
+            </ForwardRef(ListBoxMenuItem)>
+            <ForwardRef(ListBoxMenuItem)
               aria-selected="false"
               id="downshift-6-item-4"
               isActive={false}
@@ -472,7 +472,7 @@ exports[`Dropdown should render custom item components 1`] = `
                   </itemToElement>
                 </div>
               </div>
-            </ListBoxMenuItem>
+            </ForwardRef(ListBoxMenuItem)>
           </div>
         </ListBoxMenu>
       </div>
@@ -601,7 +601,7 @@ exports[`Dropdown should render with strings as items 1`] = `
             role="listbox"
             tabIndex={-1}
           >
-            <ListBoxMenuItem
+            <ForwardRef(ListBoxMenuItem)
               aria-selected="false"
               id="downshift-4-item-0"
               isActive={false}
@@ -625,8 +625,8 @@ exports[`Dropdown should render with strings as items 1`] = `
                   zar
                 </div>
               </div>
-            </ListBoxMenuItem>
-            <ListBoxMenuItem
+            </ForwardRef(ListBoxMenuItem)>
+            <ForwardRef(ListBoxMenuItem)
               aria-selected="false"
               id="downshift-4-item-1"
               isActive={false}
@@ -650,7 +650,7 @@ exports[`Dropdown should render with strings as items 1`] = `
                   doz
                 </div>
               </div>
-            </ListBoxMenuItem>
+            </ForwardRef(ListBoxMenuItem)>
           </div>
         </ListBoxMenu>
       </div>
diff --git a/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenu-test.js.snap b/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenu-test.js.snap
index 52cc01053551..c9d75663e139 100644
--- a/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenu-test.js.snap
+++ b/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenu-test.js.snap
@@ -9,7 +9,7 @@ exports[`ListBoxMenu should render 1`] = `
     id="test-listbox"
     role="listbox"
   >
-    <ListBoxMenuItem
+    <ForwardRef(ListBoxMenuItem)
       isActive={false}
       isHighlighted={false}
     >
@@ -22,7 +22,7 @@ exports[`ListBoxMenu should render 1`] = `
           Hello
         </div>
       </div>
-    </ListBoxMenuItem>
+    </ForwardRef(ListBoxMenuItem)>
   </div>
 </ListBoxMenu>
 `;
diff --git a/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenuItem-test.js.snap b/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenuItem-test.js.snap
index 0f20253e8d57..8b1f126a2baf 100644
--- a/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenuItem-test.js.snap
+++ b/packages/react/src/components/ListBox/__tests__/__snapshots__/ListBoxMenuItem-test.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ListBoxMenuItem should render 1`] = `
-<ListBoxMenuItem
+<ForwardRef(ListBoxMenuItem)
   isActive={false}
   isHighlighted={false}
 >
@@ -16,11 +16,11 @@ exports[`ListBoxMenuItem should render 1`] = `
       </span>
     </div>
   </div>
-</ListBoxMenuItem>
+</ForwardRef(ListBoxMenuItem)>
 `;
 
 exports[`ListBoxMenuItem should render 2`] = `
-<ListBoxMenuItem
+<ForwardRef(ListBoxMenuItem)
   isActive={true}
   isHighlighted={false}
 >
@@ -35,11 +35,11 @@ exports[`ListBoxMenuItem should render 2`] = `
       </span>
     </div>
   </div>
-</ListBoxMenuItem>
+</ForwardRef(ListBoxMenuItem)>
 `;
 
 exports[`ListBoxMenuItem should render 3`] = `
-<ListBoxMenuItem
+<ForwardRef(ListBoxMenuItem)
   isActive={false}
   isHighlighted={true}
 >
@@ -54,5 +54,5 @@ exports[`ListBoxMenuItem should render 3`] = `
       </span>
     </div>
   </div>
-</ListBoxMenuItem>
+</ForwardRef(ListBoxMenuItem)>
 `;