diff --git a/app/assets/stylesheets/partials/_inline_editing.scss b/app/assets/stylesheets/partials/_inline_editing.scss
index cc4548349..34c1f26c3 100644
--- a/app/assets/stylesheets/partials/_inline_editing.scss
+++ b/app/assets/stylesheets/partials/_inline_editing.scss
@@ -66,9 +66,12 @@
   .view-mode {
     border: 1px solid transparent;
     cursor: pointer;
+    flex-wrap: nowrap;
     line-height: 26px;
+    overflow: hidden;
     padding: 8px 5px;
     padding-right: 36px;
+    white-space: nowrap;
     width: calc(100% - 36px);
   }
 
diff --git a/app/assets/stylesheets/steps.scss b/app/assets/stylesheets/steps.scss
index 40b4f5e9d..dcad6c63b 100644
--- a/app/assets/stylesheets/steps.scss
+++ b/app/assets/stylesheets/steps.scss
@@ -61,13 +61,9 @@
     padding-bottom: 0;
     padding-top: 0;
 
-    > * {
-      display: inline-block;
-      line-height: 39px;
-    }
-
     .panel-options {
       bottom: 0;
+      line-height: 39px;
     }
 
     span.step-number {
@@ -80,16 +76,19 @@
       align-items: center;
       display: flex;
       height: 39px;
+      padding-right: 5px;
 
       .step-name-link {
         display: flex;
         flex-shrink: 1;
+        line-height: 39px;
         overflow: hidden;
 
         .name-block {
-          display: inline-block;
+          display: flex;
+          flex-shrink: 1;
           height: 39px;
-          max-width: calc(100% - 300px);
+          min-width: 100px;
           overflow: hidden;
 
           strong {
@@ -104,9 +103,9 @@
 
         .author-block {
           display: inline-block;
+          flex-shrink: 0;
           font-size: 16px;
           overflow: hidden;
-          margin-right: 20px;
           white-space: nowrap;
         }
       }