diff --git a/addons/onboarding/static/src/scss/onboarding.scss b/addons/onboarding/static/src/scss/onboarding.scss
index 88c2e9e6b2b..08a0521061a 100644
--- a/addons/onboarding/static/src/scss/onboarding.scss
+++ b/addons/onboarding/static/src/scss/onboarding.scss
@@ -4,7 +4,7 @@ $o-onboarding-step-width: map-get($container-max-widths, 'lg') / 4 !default;
 
 
 .o_onboarding_main {
-    background-color: $o-onboarding-main-bg;
+    background: linear-gradient(0deg, #{$o-gray-200} 0%, #{$o-gray-100} 100%);
 
     .o_onboarding_wrap {
         overflow-x: auto;
diff --git a/addons/onboarding/static/src/scss/onboarding.variables.dark.scss b/addons/onboarding/static/src/scss/onboarding.variables.dark.scss
index 27898237a45..b70b0f155af 100644
--- a/addons/onboarding/static/src/scss/onboarding.variables.dark.scss
+++ b/addons/onboarding/static/src/scss/onboarding.variables.dark.scss
@@ -2,6 +2,5 @@
 // ============================================================================
 // No CSS hacks, variables overrides only
 
-$o-onboarding-main-bg: $o-gray-100 !default;
 $o-onboarding-color-blue: #516db3 !default;
 $o-onboarding-color-orange: #c67c7a !default;
diff --git a/addons/onboarding/static/src/scss/onboarding.variables.scss b/addons/onboarding/static/src/scss/onboarding.variables.scss
index 6e885643dad..7698cf85528 100644
--- a/addons/onboarding/static/src/scss/onboarding.variables.scss
+++ b/addons/onboarding/static/src/scss/onboarding.variables.scss
@@ -2,6 +2,5 @@ $o-onboarding-base-time: 0.5s !default;
 $o-onboarding-image-size: 64px !default;
 $o-onboarding-line-height: 2px !default;
 $o-onboarding-line-width: 100% !default;
-$o-onboarding-main-bg: $o-gray-200 !default;
 $o-onboarding-color-blue: #374874 !default;
 $o-onboarding-color-orange: #F39D9B !default;
diff --git a/addons/onboarding/views/onboarding_templates.xml b/addons/onboarding/views/onboarding_templates.xml
index 6b57a5540c2..10d1394375d 100644
--- a/addons/onboarding/views/onboarding_templates.xml
+++ b/addons/onboarding/views/onboarding_templates.xml
@@ -47,7 +47,7 @@
 
         <div class="o_onboarding_container collapse show">
             <div class="o_onboarding_main position-relative border-bottom overflow-hidden">
-                <div class="o_onboarding_wrap py-3">
+                <div class="o_onboarding_wrap py-3 py-lg-4">
                     <a href="#" data-bs-toggle="modal" data-bs-target=".o_onboarding_modal" class="o_onboarding_btn_close position-absolute top-0 end-0 py-2 px-3 h2 z-index-1" title="Close the onboarding panel"><i class="oi oi-close"/></a>
                     <div class="o_onboarding_steps d-flex" t-out="0"/>