diff --git a/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx b/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx
index 563ee3c2a9..ed0a1ab72b 100644
--- a/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx
+++ b/sample-apps/react/react-dogfood/components/ToggleDualCameraButton.tsx
@@ -12,7 +12,7 @@ export const ToggleDualCameraButton = () => {
       <div className="rd__dual-toggle">
         <DegradedPerformanceNotification className="rd__call-controls__notification" />
         <ToggleVideoPublishingButton
-          Menu={<DeviceSelectorVideo visualType="list" />}
+          Menu={<DeviceSelectorVideo visualType="preview" />}
           menuPlacement="top"
         />
       </div>
diff --git a/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx b/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx
index e4a903bb09..348fdf9041 100644
--- a/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx
+++ b/sample-apps/react/react-dogfood/components/ToggleDualMicButton.tsx
@@ -13,7 +13,10 @@ export const ToggleDualMicButton = () => {
         <ToggleAudioPublishingButton
           Menu={
             <>
-              <DeviceSelectorAudioInput visualType="list" title="Microphone" />
+              <DeviceSelectorAudioInput
+                visualType="preview"
+                title="Microphone"
+              />
               <DeviceSelectorAudioOutput visualType="list" title="Speaker" />
             </>
           }