diff --git a/web/ui/static/css/config.css b/web/ui/static/css/config.css
index e0d3315880..b66269eea5 100644
--- a/web/ui/static/css/config.css
+++ b/web/ui/static/css/config.css
@@ -1,3 +1,14 @@
 .btn {
     border-radius: 0;
 }
+
+#config_yaml {
+    display: block;
+    padding: 9.5px;
+    font-size: 13px;
+    color:#333;
+    word-break: break-all;
+    background-color: #f5f5f5;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
diff --git a/web/ui/templates/config.html b/web/ui/templates/config.html
index 2620ec9753..3aa4dd88bd 100644
--- a/web/ui/templates/config.html
+++ b/web/ui/templates/config.html
@@ -5,7 +5,8 @@
 
 {{define "content"}}
   <div class="container-fluid">
-    <h2 id="configuration">Configuration</h2>
-    <pre style="display:block; padding:9.5px; font-size:13px; color:#333; word-break:break-all; background-color:#f5f5f5; border:1px solid #ccc; border-radius:4px; ">{{.}}</pre>
+    <h2 id="configuration">Configuration <button type="button" class="btn btn-primary" id="copyToClipboard">Copy to clipboard</button></h2>
+
+    <pre id="config_yaml">{{.}}</pre>
   </div>
 {{end}}