From 015658f80b3201d28b1e2463e11c05daa8dd31e9 Mon Sep 17 00:00:00 2001
From: Jefferson Bledsoe <me@jeffersonbledsoe.com>
Date: Mon, 20 May 2024 13:58:20 +0100
Subject: [PATCH] Improve scoping of separator class (#6010)

---
 packages/volto/news/6010.bugfix               |  1 +
 .../theme/themes/pastanaga/extras/blocks.less | 20 +++++++++----------
 2 files changed, 11 insertions(+), 10 deletions(-)
 create mode 100644 packages/volto/news/6010.bugfix

diff --git a/packages/volto/news/6010.bugfix b/packages/volto/news/6010.bugfix
new file mode 100644
index 0000000000..fdd6672a40
--- /dev/null
+++ b/packages/volto/news/6010.bugfix
@@ -0,0 +1 @@
+Fixed separator edit class spilling outside of the block toolbar @JeffersonBledsoe
diff --git a/packages/volto/theme/themes/pastanaga/extras/blocks.less b/packages/volto/theme/themes/pastanaga/extras/blocks.less
index 9c6fd5cd2a..7ebbff26f2 100644
--- a/packages/volto/theme/themes/pastanaga/extras/blocks.less
+++ b/packages/volto/theme/themes/pastanaga/extras/blocks.less
@@ -318,6 +318,16 @@ body.has-toolbar.has-sidebar-collapsed .ui.wrapper > .ui.inner.block.full {
       0 2px 4px rgba(0, 0, 0, 0.05);
     transform: translate(-50%, 0);
 
+    .separator {
+      position: relative;
+      top: 5px;
+      display: inline-block;
+      height: 24px;
+      border-right: 1px solid #ddd;
+      margin: 0 0 4px 4px;
+      vertical-align: bottom;
+    }
+
     form {
       display: flex;
     }
@@ -591,16 +601,6 @@ body.has-toolbar.has-sidebar-collapsed .ui.wrapper > .ui.inner.block.full {
   height: 100%;
 }
 
-.separator {
-  position: relative;
-  top: 5px;
-  display: inline-block;
-  height: 24px;
-  border-right: 1px solid #ddd;
-  margin: 0 0 4px 4px;
-  vertical-align: bottom;
-}
-
 // HTML block
 .html-editor {
   z-index: 1;