diff --git a/app/assets/stylesheets/extranet/pages/_library.sass b/app/assets/stylesheets/extranet/pages/_library.sass
new file mode 100644
index 0000000000000000000000000000000000000000..cf9dac59096565eeca99f95bd41248f11210af4b
--- /dev/null
+++ b/app/assets/stylesheets/extranet/pages/_library.sass
@@ -0,0 +1,20 @@
+.documents-list article 
+    > div
+        align-items: center
+        background: $header-color
+        display: flex
+        padding: 45px 20px
+        span
+            background: transparentize($primary, .7)
+            border-radius: 5px
+            color: white
+            padding: 2px 18px
+        i
+            color: transparentize($primary, .7)
+            margin-right: 27px
+    p
+        margin-bottom: 40px
+        margin-top: 15px
+    a
+        background: $primary
+        border-color: $primary
diff --git a/app/views/extranet/alumni/organizations/show.html.erb b/app/views/extranet/alumni/organizations/show.html.erb
index c69a436331af4e05d126f83fa7aeeafa215ffa68..8ce3bc0890c243437fdd7f7c5f949de023eb7b01 100644
--- a/app/views/extranet/alumni/organizations/show.html.erb
+++ b/app/views/extranet/alumni/organizations/show.html.erb
@@ -4,9 +4,11 @@
   <div class="col-md-8 order-2 order-md-1">
     <div class="row">
       <div class="col-md-9">
-        <div class="biography mb-5">
-          <%= sanitize @organization.text %>
-        </div>
+        <% unless @organization.text.blank? %>
+          <div class="biography mb-5">
+            <%= sanitize @organization.text %>
+          </div>
+        <% end %>
       </div>
     </div>
     <% if @organization.experiences.any? %>
diff --git a/app/views/extranet/contacts/organizations/show.html.erb b/app/views/extranet/contacts/organizations/show.html.erb
index 855d43325861c3883b55c05266735e3a50acad1e..4998e9356fb1b41b0b242c03079ce8d37138f8d5 100644
--- a/app/views/extranet/contacts/organizations/show.html.erb
+++ b/app/views/extranet/contacts/organizations/show.html.erb
@@ -4,9 +4,11 @@
   <div class="col-md-8 order-2 order-md-1">
     <div class="row">
       <div class="col-md-9">
-        <div class="biography mb-5">
-          <%= sanitize @organization.text %>
-        </div>
+        <% unless @organization.text.blank? %>
+          <div class="biography mb-5">
+            <%= sanitize @organization.text %>
+          </div>
+        <% end %>
         <% if @current_experiences.any? %>
           <div class="experiences mb-5">
             <h3><%= t('extranet.contacts.organizations.experiences', count: @current_experiences.pluck(:person_id).uniq.size) %></h3>
diff --git a/app/views/extranet/contacts/persons/show.html.erb b/app/views/extranet/contacts/persons/show.html.erb
index 69c480d48020311a0e36f6559cdbb65c94a7e26f..cc214ac2d4d83b88961593a3ecbc69f851f9c1f8 100644
--- a/app/views/extranet/contacts/persons/show.html.erb
+++ b/app/views/extranet/contacts/persons/show.html.erb
@@ -3,14 +3,14 @@
 <div class="row">
   <div class="col-md-8 order-2 order-md-1">
     <div class="row">
-      <div class="col-md-9 mt-n5">
-        <% unless @person.biography.blank? %>
-          <p class="lead mt-5">
+      <div class="col-md-9">
+        <% unless @person.summary.blank? %>
+          <p class="lead">
             <%= @person.summary %>
           </p>
         <% end %>
         <% unless @person.biography.blank? %>
-          <div class="biography my-5">
+          <div class="biography mb-5">
             <%= sanitize @person&.biography %>
           </div>
         <% end %>
diff --git a/app/views/extranet/library/documents/index.html.erb b/app/views/extranet/library/documents/index.html.erb
index ba6d8db3aa71c3cb05114c9bbfee384cad17afc9..20685b6f825ff3d29ddd15ac31dd2ba2565a6b81 100644
--- a/app/views/extranet/library/documents/index.html.erb
+++ b/app/views/extranet/library/documents/index.html.erb
@@ -5,19 +5,23 @@
     <%= render 'faceted_search/facets', facets: @facets %>
   </div>
   <div class="col-lg-9">
-    <div class="row mt-n5">
+    <div class="row mt-n5 documents-list">
       <% @documents.each do |document| %>
         <div class="col-lg-4">
-          <div class="position-relative mt-5">
-            <p class="mt-2">
+          <article class="position-relative mt-5">
+            <div>
+              <i class="bi bi-file-earmark-text display-1"></i>
+              <span>PDF - 120ko</span>
+            </div>
+            <p>
               <b><%= document %></b><br>
               <span class="text-muted"><%= l document.published_at.to_date %><span>
             </p>
             <%= link_to t('extranet.library.download'), 
                         document.file.url,
-                        class: 'btn btn-primary',
+                        class: 'btn btn-primary stretched-link',
                         target: :_blank if document.file.attached? %>
-          </div>
+          </article>
         </div>
       <% end %>
     </div>