diff --git a/app/assets/stylesheets/reports/new.scss b/app/assets/stylesheets/reports/new.scss
index 26c41b0f6..8e39bed64 100644
--- a/app/assets/stylesheets/reports/new.scss
+++ b/app/assets/stylesheets/reports/new.scss
@@ -436,12 +436,15 @@
       .experiment-block {
         align-items: center;
         display: flex;
-        flex-wrap: wrap;
         margin: 1em 0;
       }
 
       .experiment-name {
         @include font-h1;
+        display: inline-block;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
 
       .experiment-contents {
@@ -491,6 +494,14 @@
         color: $color-silver-chalice;
         margin-left: auto;
       }
+
+      .my-module-name {
+        display: inline-block;
+        overflow: hidden;
+        padding-right: 1em;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
     }
 
     .experiment-element:first-child {
diff --git a/app/views/reports/wizard/_project_contents.html.erb b/app/views/reports/wizard/_project_contents.html.erb
index cc40c096e..966562718 100644
--- a/app/views/reports/wizard/_project_contents.html.erb
+++ b/app/views/reports/wizard/_project_contents.html.erb
@@ -9,7 +9,7 @@
           <span class="sci-checkbox-label"></span>
         </span>
         <i class="fas fa-caret-down " data-toggle="collapse" href="#experimentContentContainer<%= experiment.id %>" aria-expanded="false"></i>
-        <span class="experiment-name">
+        <span class="experiment-name" title="<%= experiment.name %>">
           <%= experiment.name %>
         </span>
         <div class="move-buttons sci-btn-group">
@@ -30,7 +30,9 @@
               %>/>
               <span class="sci-checkbox-label"></span>
             </span>
-            <%= my_module.name %>
+            <span class="my-module-name" title="<%= my_module.name %>">
+              <%= my_module.name %>
+            </span>
             <i class="fas fa-grip-vertical"></i>
           </li>
         <% end %>