diff --git a/app/views/projects/experiment_archive.html.erb b/app/views/projects/experiment_archive.html.erb
index 3184ee636..eea2666c9 100644
--- a/app/views/projects/experiment_archive.html.erb
+++ b/app/views/projects/experiment_archive.html.erb
@@ -5,7 +5,7 @@
 <% if @project.archived_experiments.count > 0 %>
   <div class="row">
     <% @project.archived_experiments.each_with_index do |experiment, i| %>
-      <div class="col-lg-2 col-md-3 col-sm-4 col-xs-6">
+      <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
         <%= render partial: "projects/experiment_archive/experiment.html.erb", locals: { experiment: experiment} %>
       </div>
       <% if (i+1) % 6 == 0 %>
diff --git a/app/views/projects/experiment_archive/_experiment.html.erb b/app/views/projects/experiment_archive/_experiment.html.erb
index 32dac5705..67732325c 100644
--- a/app/views/projects/experiment_archive/_experiment.html.erb
+++ b/app/views/projects/experiment_archive/_experiment.html.erb
@@ -30,10 +30,10 @@
       </div>
     <% end %>
     <div class="row">
-      <div class="col-xs-6">
+      <div class="col-xs-4">
         <%=t "projects.experiment_archive.archived_on" %>
       </div>
-      <div class="col-xs-6">
+      <div class="col-xs-8">
         <span title="<%=t "projects.experiment_archive.archived_on_title", date: l(experiment.archived_on, format: :full_date), time: l(experiment.archived_on, format: :time) %>">
           <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
           <%=l experiment.archived_on, format: :full_date %>
@@ -41,10 +41,10 @@
       </div>
     </div>
     <div class="row">
-      <div class="col-xs-6">
+      <div class="col-xs-4">
         <%=t "projects.experiment_archive.created_on" %>
       </div>
-      <div class="col-xs-6">
+      <div class="col-xs-8">
         <span title="<%=t "projects.experiment_archive.created_on_title", date: l(experiment.created_at, format: :full_date), time: l(experiment.created_at, format: :time) %>">
           <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
           <%=l experiment.created_at, format: :full_date %>
@@ -52,10 +52,10 @@
       </div>
     </div>
     <div class="row">
-      <div class="col-xs-6">
+      <div class="col-xs-4">
         <%=t "projects.experiment_archive.last_modified_on" %>
       </div>
-      <div class="col-xs-6">
+      <div class="col-xs-8">
         <span title="<%=t "projects.experiment_archive.created_on_title", date: l(experiment.updated_at, format: :full_date), time: l(experiment.updated_at, format: :time) %>">
           <span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
           <%=l experiment.updated_at, format: :full_date %>