diff --git a/pagure/static/pagure.css b/pagure/static/pagure.css
index dbf8bd5..90ca16a 100644
--- a/pagure/static/pagure.css
+++ b/pagure/static/pagure.css
@@ -443,3 +443,9 @@ a.notblue {
     border: 5px solid #fff;
     box-shadow: 0 0 5px #999;
 }
+
+pre.softwrap
+{
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
diff --git a/pagure/templates/doc_ssh_keys.html b/pagure/templates/doc_ssh_keys.html
index 82f1406..0cc3139 100644
--- a/pagure/templates/doc_ssh_keys.html
+++ b/pagure/templates/doc_ssh_keys.html
@@ -5,29 +5,42 @@
 
 
 {% block content %}
+<div class="container">
+  <h2 class="m-t-3">SSH Hostkeys/Fingerprints</h2>
 
-<h1>SSH Hostkeys/Fingerprints</h1>
+{% if config.get('SSH_KEYS') %}
 
-SSH host keys and fingerprints can be use to ensure you are connecting to
+  <p class="m-t-2">
+    SSH host keys and fingerprints can be use to ensure you are connecting to
 pagure's server and not someone else's.
+  </p>
 
+  <p>
 Here below are the SSH Hostkey and the Fingerprint of this current pagure
 instance:
-
-{% if config.get('SSH_KEYS') %}
+  </p>
 
 {% for cert in config.get('SSH_KEYS') %}
-<h4>{{ cert }} Fingerprint</h4>
-<pre>{{ config['SSH_KEYS'][cert]['fingerprint'] }}</pre>
+<div class="card">
+  <div class="card-header">
+    <strong>{{ cert }} Fingerprint</strong>
+  </div>
+  <pre>{{ config['SSH_KEYS'][cert]['fingerprint'] }}</pre>
+</div>
+
+<div class="card">
+  <div class="card-header">
+    <strong>{{ cert }} Hostkey</strong>
+  </div>
+  <pre class="softwrap">{{ config['SSH_KEYS'][cert]['pubkey'] }}</pre>
+</div>
 
-<h4>{{ cert }} Hostkey</h4>
-<pre>{{ config['SSH_KEYS'][cert]['pubkey'] }}</pre>
 {% endfor %}
 
 {% else %}
-<p>No SSH keys have been specified in the configuration file.</p>
-<p>You should ask an admin to fill this information.</p>
+<div class="alert alert-info m-t-3"><strong>No SSH keys have been specified in the configuration file.</strong>
+You should ask an admin to fill this information.</div>
 {% endif %}
-
+</div>
 
 {% endblock %}