diff --git a/app/frontend/src/stylesheets/modules/projects/projects.scss b/app/frontend/src/stylesheets/modules/projects/projects.scss
index b8ce90a45..cc69f474c 100644
--- a/app/frontend/src/stylesheets/modules/projects/projects.scss
+++ b/app/frontend/src/stylesheets/modules/projects/projects.scss
@@ -39,6 +39,10 @@
     grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
     gap: 3.2rem;
     & > span { grid-column: 1/-1;}
+    & > a {
+      grid-column: 1/-1;
+      justify-self: center;
+    }
   }
 
   @media (min-width: 1200px) {
diff --git a/app/frontend/templates/projects/index.html b/app/frontend/templates/projects/index.html
index fde57a138..b2bde70ed 100644
--- a/app/frontend/templates/projects/index.html
+++ b/app/frontend/templates/projects/index.html
@@ -126,8 +126,7 @@
           <p class="name">{{project.name}}</p>
           <span class="openlab" ng-if="openlab.searchOverWholeNetwork"><i class="fa fa-tag"></i> {{ project.app_name }}</span>
         </div>
-
     </div>
-    <a class="btn btn-warning" ng-click="loadMore()" ng-if="projectsPagination.hasNextPage()" translate>{{ 'app.public.projects_list.load_next_projects' }}</a>
+    <a class="fab-button is-secondary" ng-click="loadMore()" ng-if="projectsPagination.hasNextPage()" translate>{{ 'app.public.projects_list.load_next_projects' }}</a>
   </div>
 </section>