diff --git a/src/components/playground/PhoneSimulator.tsx b/src/components/playground/PhoneSimulator.tsx
index d4a35fe..4f63171 100644
--- a/src/components/playground/PhoneSimulator.tsx
+++ b/src/components/playground/PhoneSimulator.tsx
@@ -1121,35 +1121,53 @@ export function PhoneSimulator({
               {/* Push-to-Talk Mode Layout */}
               {isPushToTalkMode && phoneMode !== "hand_off" && voiceAssistant.agent && (
                 <div className="w-full flex items-center justify-center gap-8">
-                  {/* Camera Switch Button - Left (hidden in important_message mode) */}
+                  {/* Mic Toggle and Camera Switch Buttons - Left (hidden in important_message mode) */}
                   {phoneMode !== "important_message" && (
-                    <div className="relative">
+                    <div className="flex flex-col items-center gap-2">
+                      {/* Mic Toggle Button */}
                       <button
-                        className="p-4 rounded-full bg-gray-800/50 text-white hover:bg-gray-800/70 transition-colors"
-                        onClick={handleSwitchCamera}
+                        className={`p-4 rounded-full backdrop-blur-md transition-colors ${
+                          !isMicEnabled
+                            ? "bg-white text-black"
+                            : "bg-gray-800/50 text-white hover:bg-gray-800/70"
+                        }`}
+                        onClick={handleMicToggle}
                       >
-                        <SwitchCameraIcon className="w-6 h-6" />
+                        {isMicEnabled ? (
+                          <MicIcon className="w-6 h-6" />
+                        ) : (
+                          <MicOffIcon className="w-6 h-6" />
+                        )}
                       </button>
-                      {showCameraMenu && (
-                        <div className="absolute bottom-full mb-2 left-0 bg-gray-900 border border-gray-800 rounded-lg shadow-xl py-2 w-48 z-50">
-                          {cameras.length === 0 ? (
-                            <div className="px-4 py-2 text-gray-500 text-sm">
-                              No cameras found
-                            </div>
-                          ) : (
-                            cameras.map((device) => (
-                              <button
-                                key={device.deviceId}
-                                onClick={() => handleSelectCamera(device.deviceId)}
-                                className="w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-800 transition-colors truncate"
-                              >
-                                {device.label ||
-                                  `Camera ${cameras.indexOf(device) + 1}`}
-                              </button>
-                            ))
-                          )}
-                        </div>
-                      )}
+                      {/* Camera Switch Button */}
+                      <div className="relative">
+                        <button
+                          className="p-4 rounded-full bg-gray-800/50 text-white hover:bg-gray-800/70 transition-colors"
+                          onClick={handleSwitchCamera}
+                        >
+                          <SwitchCameraIcon className="w-6 h-6" />
+                        </button>
+                        {showCameraMenu && (
+                          <div className="absolute bottom-full mb-2 left-0 bg-gray-900 border border-gray-800 rounded-lg shadow-xl py-2 w-48 z-50">
+                            {cameras.length === 0 ? (
+                              <div className="px-4 py-2 text-gray-500 text-sm">
+                                No cameras found
+                              </div>
+                            ) : (
+                              cameras.map((device) => (
+                                <button
+                                  key={device.deviceId}
+                                  onClick={() => handleSelectCamera(device.deviceId)}
+                                  className="w-full text-left px-4 py-2 text-sm text-white hover:bg-gray-800 transition-colors truncate"
+                                >
+                                  {device.label ||
+                                    `Camera ${cameras.indexOf(device) + 1}`}
+                                </button>
+                              ))
+                            )}
+                          </div>
+                        )}
+                      </div>
                     </div>
                   )}
 
diff --git a/src/components/playground/Playground.tsx b/src/components/playground/Playground.tsx
index c206666..9299d2e 100644
--- a/src/components/playground/Playground.tsx
+++ b/src/components/playground/Playground.tsx
@@ -873,7 +873,7 @@ export default function Playground({
           <PlaygroundTabbedTile
             className="h-full"
             tabs={mobileTabs}
-            initialTab={mobileTabs.length - 1}
+            initialTab={0}
           />
         </div>
         <div