diff --git a/frontend/src/app/main/ui/workspace/viewport/path_actions.scss b/frontend/src/app/main/ui/workspace/viewport/path_actions.scss
index c4d346603..e64aa4ffd 100644
--- a/frontend/src/app/main/ui/workspace/viewport/path_actions.scss
+++ b/frontend/src/app/main/ui/workspace/viewport/path_actions.scss
@@ -11,7 +11,8 @@
   pointer-events: initial;
   position: absolute;
   top: $s-12;
-  left: calc(50% - 240px);
+  left: 50%;
+  transform: translateX(-50%);
   display: flex;
   align-items: center;
   height: $s-56;
diff --git a/frontend/src/app/main/ui/workspace/viewport/top_bar.cljs b/frontend/src/app/main/ui/workspace/viewport/top_bar.cljs
index 0c7d6b01b..2e6b5d498 100644
--- a/frontend/src/app/main/ui/workspace/viewport/top_bar.cljs
+++ b/frontend/src/app/main/ui/workspace/viewport/top_bar.cljs
@@ -41,6 +41,7 @@
   (let [edition     (mf/deref refs/selected-edition)
         selected    (mf/deref refs/selected-objects)
         drawing     (mf/deref refs/workspace-drawing)
+        rulers?     (mf/deref refs/rulers?)
         drawing-obj (:object drawing)
         shape       (or drawing-obj (-> selected first))
 
@@ -69,7 +70,7 @@
        [:& view-only-actions]
 
        path-edition?
-       [:div {:class (stl/css :viewport-actions)}
+       [:div {:class (stl/css-case :viewport-actions true :viewport-actions-no-rulers (not rulers?))}
         [:& path-actions {:shape shape}]]
 
        grid-edition?
diff --git a/frontend/src/app/main/ui/workspace/viewport/top_bar.scss b/frontend/src/app/main/ui/workspace/viewport/top_bar.scss
index b83e795d6..7d922dcfc 100644
--- a/frontend/src/app/main/ui/workspace/viewport/top_bar.scss
+++ b/frontend/src/app/main/ui/workspace/viewport/top_bar.scss
@@ -9,7 +9,10 @@
 .viewport-actions {
   pointer-events: none;
   position: absolute;
-  top: $s-44;
+  --actions-toolbar-position-y: #{$s-28};
+  --actions-toolbar-offset-y: #{$s-6};
+
+  top: calc(var(--actions-toolbar-position-y) + var(--actions-toolbar-offset-y));
   left: 50%;
   z-index: $z-index-20;
 
@@ -47,3 +50,7 @@
     }
   }
 }
+
+.viewport-actions-no-rulers {
+  --actions-toolbar-position-y: 0px;
+}