diff --git a/snappass/static/css/custom.css b/snappass/static/css/custom.css
new file mode 100644
index 0000000..deda990
--- /dev/null
+++ b/snappass/static/css/custom.css
@@ -0,0 +1,4 @@
+input[readonly].readonly-text {
+    background-color: #fff;
+    cursor: text;
+}
\ No newline at end of file
diff --git a/snappass/static/scripts/clipboard_button.js b/snappass/static/scripts/clipboard_button.js
new file mode 100644
index 0000000..2502e1c
--- /dev/null
+++ b/snappass/static/scripts/clipboard_button.js
@@ -0,0 +1,31 @@
+(function(){
+
+    var targetButtonSelector = '#copy-clipboard-btn'
+    var clipboard = new Clipboard(targetButtonSelector);
+
+    var copyError = function(e) {
+        var key;
+        if (/Mac/i.test(navigator.userAgent)) {
+          key = '&#8984;';
+        } else {
+          key = 'Ctrl';
+        }
+        $(e.trigger).attr('title', "Press " + key + "-C to copy" )
+                 .tooltip('fixTitle')
+                 .tooltip('show');
+    };
+
+    var copySuccess = function(e) {
+        $(e.trigger).attr('title', 'Copied!')
+                 .tooltip('fixTitle')
+                 .tooltip('show');
+        e.clearSelection();
+
+    };
+
+    clipboard.on('success', copySuccess);
+    clipboard.on('error', copyError);
+
+    $(targetButtonSelector).tooltip();
+
+})();
\ No newline at end of file
diff --git a/snappass/templates/base.html b/snappass/templates/base.html
index 11fe82e..468e416 100644
--- a/snappass/templates/base.html
+++ b/snappass/templates/base.html
@@ -4,6 +4,8 @@
   <head>
     <title>Send Password</title>
     <link href="{{ config.STATIC_URL }}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+    <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
+    <link href="{{ config.STATIC_URL }}/css/custom.css" rel="stylesheet">
   </head>
   <body>
     <div class="navbar">
diff --git a/snappass/templates/confirm.html b/snappass/templates/confirm.html
index 2a65f1c..d3bede7 100644
--- a/snappass/templates/confirm.html
+++ b/snappass/templates/confirm.html
@@ -4,7 +4,19 @@
 <div class="container">
   <section>
     <div class="page-header"><h1>Password stored!</h1></div>
-    <h4>{{ password_link }}</h4>
+    <div class="form-horizontal">
+      <input type="text" class="input-xxlarge readonly-text" id="password-link" value="{{ password_link }}" readonly="readonly">
+      <button title="Copy to clipboard" type="button" class="btn btn-secondary copy-clipboard-btn"
+              id="copy-clipboard-btn" data-clipboard-target="#password-link"
+              data-placement='bottom'>
+        <i class="fa fa-clipboard"></i>
+      </button>
+    </div>
   </section>
 </div>
 {% endblock %}
+
+{% block js %}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js"></script>
+    <script src="{{ config.STATIC_URL }}/scripts/clipboard_button.js"></script>
+{% endblock %}
diff --git a/snappass/templates/password.html b/snappass/templates/password.html
index 687e54a..ff2cb6e 100644
--- a/snappass/templates/password.html
+++ b/snappass/templates/password.html
@@ -4,8 +4,20 @@
 <div class="container">
   <section>
     <div class="page-header"><h1>Here is your password!</h1></div>
-    <h4>{{ password }}</h4>
+    <div class="form-horizontal">
+      <input type="text" class="input readonly-text" id="password-text" value="{{ password }}" readonly="readonly">
+      <button title="Copy to clipboard" type="button" class="btn btn-secondary copy-clipboard-btn"
+              id="copy-clipboard-btn" data-clipboard-target="#password-text"
+              data-placement='bottom'>
+        <i class="fa fa-clipboard"></i>
+      </button>
+    </div>
     <p>Remember to copy this password! It's been deleted from the database and can't be re-accessed.</p>
   </section>
 </div>
 {% endblock %}
+
+{% block js %}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js"></script>
+    <script src="{{ config.STATIC_URL }}/scripts/clipboard_button.js"></script>
+{% endblock %}
