diff --git a/client/src/MediaControl.js b/client/src/MediaControl.js
index 29dbd27..fda5265 100644
--- a/client/src/MediaControl.js
+++ b/client/src/MediaControl.js
@@ -646,21 +646,22 @@ const MediaControl = ({isSelf, peer, className}) => {
     <div className="MediaControlSpacer"/>
     <div className={`MediaControl ${className}`} data-peer={peer.name}>
       <div className="Controls" >
-      { isSelf && <div onClick={toggleMute}>
+      { isSelf && <div onTouchStart={toggleMute} onClick={toggleMute}>
           { muted && <MicOff color={colorAudio}/> }
           {!muted && <Mic color={colorAudio}/> }
         </div> }
-        { !isSelf && <div onClick={toggleMute}>
+        { !isSelf && <div onTouchStart={toggleMute} onClick={toggleMute}>
           {muted && <VolumeOff color={colorAudio}/> }
           {!muted && <VolumeUp color={colorAudio}/> }
         </div> }
-        <div onClick={toggleVideo}>
+        <div onTouchStart={toggleVideo} onClick={toggleVideo}>
           { !videoOn && <VideocamOff color={colorVideo}/> }
           {videoOn && <Videocam color={colorVideo}/> }
         </div>
       </div>
       { isValid && <>
         <Moveable
+          pinchable={true}
           draggable={true}
           target={target}
           resizable={true}