diff --git a/app/models/ability.rb b/app/models/ability.rb
index 0873c6403d2908751df0a614f9c3049914489062..bb1ea2a5b78dc2771f7825c6f5fb0c7a3943009c 100644
--- a/app/models/ability.rb
+++ b/app/models/ability.rb
@@ -97,6 +97,13 @@ class Ability
     can :manage, Communication::Website::Imported::Website, university_id: @user.university_id
     can :manage, Communication::Website::Imported::Page, university_id: @user.university_id
     can :manage, Communication::Website::Imported::Post, university_id: @user.university_id
+    can :read, Communication::Extranet, university_id: @user.university_id
+    can :manage, Communication::Extranet::Post, university_id: @user.university_id
+    can :manage, Communication::Extranet::Post::Category, university_id: @user.university_id
+    can :manage, Communication::Extranet::Document, university_id: @user.university_id
+    # can :manage, Communication::Extranet::Document::Category, university_id: @user.university_id
+    # can :manage, Communication::Extranet::Document::Kind, university_id: @user.university_id
+    can :manage, Communication::Extranet::Connection, university_id: @user.university_id
     can :manage, Education::AcademicYear, university_id: @user.university_id
     can :manage, Education::Cohort, university_id: @user.university_id
     can :manage, Education::School, university_id: @user.university_id
diff --git a/app/views/extranet/library/documents/index.html.erb b/app/views/extranet/library/documents/index.html.erb
index 5655663e6ce7b9f965b25a3b7938cdf02abe8dde..0c98513c654b3c1d7757ad3581b8a83a53e4ae36 100644
--- a/app/views/extranet/library/documents/index.html.erb
+++ b/app/views/extranet/library/documents/index.html.erb
@@ -1,13 +1,13 @@
 <% content_for :title, Communication::Extranet::Document.model_name.human(count: 2) %>
 
-<div class="row">
+<div class="row mt-n5">
   <div class="col-lg-3">
     <%= render 'faceted_search/facets', facets: @facets, reset: t('extranet.library.reset') %>
   </div>
   <div class="col-lg-9">
-    <div class="row mt-n5 documents-list">
+    <div class="row documents-list">
       <% @documents.each do |document| %>
-        <div class="col-lg-4">
+        <div class="col-sm-6 col-md-4 col-xxl-3">
           <article class="position-relative mt-5">
             <div>
               <i class="bi bi-file-earmark-text display-1"></i>