diff --git a/app/assets/javascripts/note.js b/app/assets/javascripts/note.js
index 41759671..b1be8940 100644
--- a/app/assets/javascripts/note.js
+++ b/app/assets/javascripts/note.js
@@ -37,6 +37,10 @@ init:
       $('.attach_holder').show();
     });
 
+    $("#note_attachment").change(function(e){
+        alert($('input[type=file]').val());
+    });
+
   },
 
 
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 5e14f3a5..a0415387 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1079,3 +1079,40 @@ p.time {
     border-bottom:2px solid $style_color;
   }
 }
+
+// Fixes alignment on notes.
+.new_note {
+  label {
+    text-align:left;
+  }
+}
+
+.issue_notes {
+  .input-file {
+    font: 500px monospace;
+    opacity:0;
+    filter: alpha(opacity=0);
+    position: absolute;
+    z-index: 1;
+    top:0;
+    right:0;
+    padding:0;
+    margin: 0;
+  }
+
+  .file_upload {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background:url('http://viget.com/uploads/image/custom-file-input.png');
+    border:0;
+    text-indent:-9999px;
+  }
+
+  div.attachments {
+    position:relative;
+    width: 100px;
+    height: 30px;
+    overflow:hidden;
+  }
+}
\ No newline at end of file
diff --git a/app/views/notes/_form.html.haml b/app/views/notes/_form.html.haml
index 0d20bb15..72fe9b32 100644
--- a/app/views/notes/_form.html.haml
+++ b/app/views/notes/_form.html.haml
@@ -24,8 +24,10 @@
     .span4
       %h5 Attachment:
       .clearfix
-        = f.label :attachment, "Any file, < 10 MB"
-        .input= f.file_field :attachment, :class => "input-file"
+        = f.label :attachment, "Any file less then 10 MB"
+        .attachments
+          %button.file_upload
+          .input= f.file_field :attachment, :class => "input-file"
 
 
-  = f.submit 'Add note', :class => "btn primary", :id => "submit_note"
+  = f.submit 'Add Comment', :class => "btn primary", :id => "submit_note"