diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
index 2dd12418a04..55f9ea4a898 100644
--- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss
@@ -257,7 +257,7 @@ body.editor_enable.editor_has_snippets {
     font-weight: 400;
 
     transition: transform 400ms ease 0s;
-    transform: translateY(-100%);
+    transform: translateX(100%);
 
     &.o_loaded {
         transform: none;
diff --git a/addons/website/static/src/scss/website.ui.scss b/addons/website/static/src/scss/website.ui.scss
index 10e80bde523..4ef67042fc3 100644
--- a/addons/website/static/src/scss/website.ui.scss
+++ b/addons/website/static/src/scss/website.ui.scss
@@ -15,7 +15,7 @@ body.o_connected_user {
     &.o_fullscreen_transition {
         transition: padding 400ms ease 0s;
 
-        #oe_main_menu_navbar, #web_editor-top-edit, #oe_snippets {
+        #oe_main_menu_navbar, #web_editor-top-edit, .o_we_website_top_actions, #oe_snippets {
             transition: transform 400ms ease 0s !important;
         }
     }
@@ -23,13 +23,13 @@ body.o_connected_user {
         padding-top: 0 !important;
 
         &.editor_enable.editor_has_snippets {
-            padding-left: 0 !important;
+            padding-right: 0 !important;
         }
         #oe_main_menu_navbar, #web_editor-top-edit {
             transform: translateY(-100%);
         }
-        #oe_snippets {
-            transform: translateX(-100%);
+        .o_we_website_top_actions, #oe_snippets {
+            transform: translateX(100%);
         }
     }
 }