diff --git a/app/views/api/dashboard/index.html.erb b/app/views/api/dashboard/index.html.erb
index 07de5eec15e34aac846bfce0bf61bc601336ef90..b7731499703bb51b791f2f76644488d760a55707 100644
--- a/app/views/api/dashboard/index.html.erb
+++ b/app/views/api/dashboard/index.html.erb
@@ -1,10 +1,17 @@
<% content_for :title, 'API' %>
<h2>Lhéo</h2>
-<p>
- Lhéo est un <a href="http://lheo.gouv.fr/" target="_blank" rel="
- ">
- Langage Harmonisé d'Échange d'informations sur l'Offre de formation.
- </a>. L'API Osuny Lhéo met à disposition toute l'offre de formation à ce format.
-</p>
-<%= link_to 'Accéder à l\'API Lhéo', api_lheo_path, class: 'btn btn-primary' %>
+
+<div class="row">
+ <div class="col-lg-6">
+ <p>
+ Lhéo est un <a href="http://lheo.gouv.fr/" target="_blank" rel="
+ ">
+ Langage Harmonisé d'Échange d'informations sur l'Offre de formation.
+ </a>. L'API Osuny Lhéo met à disposition toute l'offre de formation à ce format.
+ </p>
+ </div>
+ <div class="col-lg-6">
+ <%= link_to 'Accéder à l\'API Lhéo', api_lheo_path, class: 'btn btn-primary' %>
+ </div>
+</div>
diff --git a/app/views/api/layouts/application.html.erb b/app/views/api/layouts/application.html.erb
index 531f1f8a12047cfad3f61466dde7bdb6445ef5ce..29a6ebea36ce213ade8cdce3702a2260918f7191 100644
--- a/app/views/api/layouts/application.html.erb
+++ b/app/views/api/layouts/application.html.erb
@@ -6,20 +6,20 @@
<title><%= yield :title %></title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
- <%= stylesheet_link_tag 'admin', media: 'all' %>
- <%= javascript_include_tag 'admin' %>
+ <%= stylesheet_link_tag 'admin/pure', media: 'all' %>
+ <%= javascript_include_tag 'admin/pure' %>
<%= favicon_link_tag 'favicon.png' %>
</head>
- <body class="<%= body_classes %>">
- <nav class="navbar navbar-light">
+ <body>
+ <nav class="navbar navbar-expand position-relative">
<div class="container">
- <a class="navbar-brand" href="<%= api_root_path %>">
+ <a class="navbar-brand mx-auto" href="<%= api_root_path %>">
<%= render 'logo' %>
</a>
</div>
</nav>
<main class="container mt-5">
- <h1><%= yield :title %></h1>
+ <h1 class="my-5"><%= yield :title %></h1>
<%= yield %>
</main>
<%= render 'footer' %>