diff --git a/community_backup/webui/templates/borg_list.html b/community_backup/webui/templates/borg_list.html
index 222d123..ae3b941 100644
--- a/community_backup/webui/templates/borg_list.html
+++ b/community_backup/webui/templates/borg_list.html
@@ -1,12 +1,14 @@
 {% extends "base.html" %}
 
 {% block content %}
-<div class="d-flex">
+  <div class<div class="d-flex">
+      <h1>Your Borg Repositories</h1>
   <div class="p-2 ms-auto">
     <a class="btn btn-primary" href="{% url 'borg_add' %}" role="button">Add Repository</a>
   </div>
 </div>
 
+
 <table class="table table-striped table-hover">
   <thead>
     <th>Name</th>
@@ -18,7 +20,7 @@
 {% for repo in object_list %}
     <tr>
       <td>{{ repo.name }}</td>
-      <td>{{ repo.key }}</td>
+      <td><code>{{ repo.key | truncatechars:40 }}</code></td>
       <td><code>{{ repo.repo_url}}</code></td>
       <td><a href="{% url 'borg_update' pk=repo.pk %}" class="btn btn-warning btn-sm">Edit</a>
       <a href="{% url 'borg_delete' pk=repo.pk %}" class="btn btn-danger btn-sm">Delete</a></td>
@@ -27,4 +29,5 @@
   </tbody>
 </table>
 
+
 {% endblock %}