diff --git a/src/components/blocks/blocks.css b/src/components/blocks/blocks.css
index 583f587f797..e4e0500a6a2 100644
--- a/src/components/blocks/blocks.css
+++ b/src/components/blocks/blocks.css
@@ -74,6 +74,30 @@
     border-left: 1px solid $ui-black-transparent;
 }
 
+.blocks :global(.blocklyFlyout:hover) {
+    overflow: visible;
+    clip-path: inset(0 -100vw 0 0);
+    -webkit-clip-path: inset(0 -100vw 0 0);
+}
+
+[dir="rtl"] .blocks :global(.blocklyFlyout:hover) {
+    clip-path: inset(0 0 0 -100vw);
+    -webkit-clip-path: inset(0 0 0 -100vw);
+}
+
+.blocks :global(.blocklyFlyout:hover .blocklyWorkspace) {
+    clip-path: none;
+    -webkit-clip-path: none;
+}
+
+.blocks :global(.blocklyFlyout:hover .blocklyScrollbarBackground:hover) {
+    opacity: 0.4;
+}
+
+.blocks :global(.blocklyFlyout .blocklyFlyoutScrollbar) {
+    margin-left: 4px;
+}
+
 
 .blocks :global(.blocklyBlockDragSurface) {
     /*