diff --git a/app/views/letter_opener_web/letters/index.html.erb b/app/views/letter_opener_web/letters/index.html.erb
index 8b05c97..2c76071 100644
--- a/app/views/letter_opener_web/letters/index.html.erb
+++ b/app/views/letter_opener_web/letters/index.html.erb
@@ -11,7 +11,7 @@
     </span>
   </h1>
     <div class="letter-opener" data-letters-path="<%= letters_path %>">
-      <ul class="list-group rounded-0 pt-2">
+      <ul class="list-group w-100 rounded-0 pt-2">
         <% if first_letter = @letters.shift %>
           <%= render partial: "item", locals: { letter: first_letter, active: true } %>
         <% end %>