diff --git a/src/react-components/2d-hud.js b/src/react-components/2d-hud.js
index 7ccaf1cdb90602d548a15fd2ec1f41adaa0e6d53..effa07f2983ee8752e01c0f2a6892d0e99a6bbb0 100644
--- a/src/react-components/2d-hud.js
+++ b/src/react-components/2d-hud.js
@@ -38,9 +38,9 @@ TopHUD.propTypes = {
 };
 
 const mediaPickerInput = "media-picker-input";
-const BottomHUD = ({ onCreateObject, onMediaPicked }) => (
+const BottomHUD = ({ onCreateObject, showImageOnlyButton, onMediaPicked }) => (
   <div>
-    {onMediaPicked ? (
+    {showImageOnlyButton ? (
       <div>
         <input
           id={mediaPickerInput}
diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js
index 50093fde8d83a680f0a26a3e649e9cc706c63c48..30880cee96ba4932e4546da1bc3f733d5fffa2bc 100644
--- a/src/react-components/ui-root.js
+++ b/src/react-components/ui-root.js
@@ -910,7 +910,8 @@ class UIRoot extends Component {
               )}
               <TwoDHUD.BottomHUD
                 onCreateObject={() => this.setState({ infoDialogType: InfoDialog.dialogTypes.create_object })}
-                onMediaPicked={AFRAME.utils.device.isMobile() ? this.handleCreateObject : null}
+                showImageOnlyButton={AFRAME.utils.device.isMobile()}
+                onMediaPicked={this.handleCreateObject}
               />
             </div>
           ) : null}