diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs
index 0fcc359e0..3f0b3d8cb 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.cljs
@@ -654,7 +654,8 @@
               [:span {:class (stl/css :interaction-name)} (tr "workspace.options.interaction-duration")]
               [:div {:class (stl/css :input-element-wrapper)
                      :title (tr "workspace.options.interaction-ms")}
-               [:span.after (tr "workspace.options.interaction-ms")]
+               [:span {:class (stl/css :after)}
+                (tr "workspace.options.interaction-ms")]
                [:> numeric-input* {:ref ext-duration-ref
                                    :on-change change-duration
                                    :value (-> interaction :animation :duration)
@@ -719,22 +720,22 @@
           [:button {:class (stl/css :add-interaction-btn)
                     :on-click add-interaction}
            i/add-refactor]]])
-      [:div {:class (stl/css :help-content)}
-       (when (= (count interactions) 0)
-         [:*
-          (when (and shape (not (cfh/unframed-shape? shape)))
-            [:div {:class (stl/css :help-group)}
-             [:div {:class (stl/css :interactions-help-icon)} i/add-refactor]
-             [:div {:class (stl/css :interactions-help)}
-              (tr "workspace.options.add-interaction")]])
-          [:div {:class (stl/css :help-group)}
-           [:div {:class (stl/css :interactions-help-icon)} i/interaction-refactor]
-           [:div {:class (stl/css :interactions-help)}
-            (tr "workspace.options.select-a-shape")]]
-          [:div {:class (stl/css :help-group)}
-           [:div {:class (stl/css :interactions-help-icon)} i/play-refactor]
-           [:div {:class (stl/css :interactions-help)}
-            (tr "workspace.options.use-play-button")]]])]
+
+      (when (= (count interactions) 0)
+        [:div {:class (stl/css :help-content)}
+         (when (and shape (not (cfh/unframed-shape? shape)))
+           [:div {:class (stl/css :help-group)}
+            [:div {:class (stl/css :interactions-help-icon)} i/add-refactor]
+            [:div {:class (stl/css :interactions-help)}
+             (tr "workspace.options.add-interaction")]])
+         [:div {:class (stl/css :help-group)}
+          [:div {:class (stl/css :interactions-help-icon)} i/interaction-refactor]
+          [:div {:class (stl/css :interactions-help)}
+           (tr "workspace.options.select-a-shape")]]
+         [:div {:class (stl/css :help-group)}
+          [:div {:class (stl/css :interactions-help-icon)} i/play-refactor]
+          [:div {:class (stl/css :interactions-help)}
+           (tr "workspace.options.use-play-button")]]])
       [:div {:class (stl/css :groups)}
        (for [[index interaction] (d/enumerate interactions)]
          [:& interaction-entry {:key (dm/str (:id shape) "-" index)
diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss
index 93d9bb562..f3ca1d977 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/interactions.scss
@@ -54,6 +54,11 @@
   }
 }
 
+.after {
+  @include titleTipography;
+  margin-top: $s-1;
+}
+
 .interactions-help {
   @include titleTipography;
   text-align: center;