diff --git a/js/views/file_input_view.js b/js/views/file_input_view.js
index 2e629b55..f34f67e4 100644
--- a/js/views/file_input_view.js
+++ b/js/views/file_input_view.js
@@ -29,7 +29,12 @@ var Whisper = Whisper || {};
 
         events: {
             'change': 'previewImages',
-            'click .close': 'deleteFiles'
+            'click .close': 'deleteFiles',
+            'click .paperclip': 'open'
+        },
+
+        open: function() {
+            this.$input.click();
         },
 
         addThumb: function(e) {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 23b22d32..3b3e7dfc 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -159,6 +159,7 @@ button {
       background-size: 90%;
       background-position: center 6px; }
     .bottom-bar .attachments input[type=file] {
+      display: none;
       position: absolute;
       width: 100%;
       height: 100%;
diff --git a/stylesheets/view/_conversation.scss b/stylesheets/view/_conversation.scss
index 08a436eb..2d04f1ed 100644
--- a/stylesheets/view/_conversation.scss
+++ b/stylesheets/view/_conversation.scss
@@ -220,6 +220,7 @@ button {
       background-position: center 6px;
     }
     input[type=file] {
+      display: none;
       position: absolute;
       width: 100%;
       height: 100%;