diff --git a/addons/mass_mailing/views/snippets/s_media_list.xml b/addons/mass_mailing/views/snippets/s_media_list.xml
index 0403d088129..84944f30508 100644
--- a/addons/mass_mailing/views/snippets/s_media_list.xml
+++ b/addons/mass_mailing/views/snippets/s_media_list.xml
@@ -2,24 +2,24 @@
 <odoo>
 
 <template id="s_media_list" name="Media List">
-    <div class="s_media_list pt32 pb32 o_cc o_cc2 o_mail_snippet_general" data-vcss="001" data-snippet="s_media_list">
+    <div class="s_media_list o_mail_snippet_general pt8 pb8 o_cc o_cc2" data-vcss="001" data-snippet="s_media_list">
         <div class="container">
-            <div class="row s_nb_column_fixed s_col_no_bgcolor">
-                <div class="col-lg-12 s_media_list_item pt16 pb16 ps-0 pe-0" data-name="Media item">
-                    <div class="row s_col_no_resize s_col_no_bgcolor g-0 align-items-center o_cc o_cc1">
-                        <div class="col-lg-4 align-self-stretch s_media_list_img_wrapper">
+            <div class="row s_nb_column_fixed">
+                <div class="col-lg-12 s_media_list_item pt8 pb8" data-name="Media item">
+                    <div class="row s_col_no_resize s_col_no_bgcolor align-items-center o_cc o_cc1">
+                        <div class="col-lg-4 s_media_list_img_wrapper align-self-stretch px-0">
                             <img src="/web/image/mass_mailing.s_media_list_default_image_1" class="s_media_list_img h-100 w-100" alt=""/>
                         </div>
                         <div class="col-lg-8 s_media_list_body">
                             <h3>Media heading</h3>
                             <p>Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fits your needs.</p>
-                            <a href="#" class="btn btn-primary mb-2">Discover</a>
+                            <a href="#" class="btn btn-primary">Discover</a>
                         </div>
                     </div>
                 </div>
-                <div class="col-lg-12 s_media_list_item pt16 pb16 ps-0 pe-0" data-name="Media item">
-                    <div class="row s_col_no_resize s_col_no_bgcolor g-0 align-items-center o_cc o_cc1">
-                        <div class="col-lg-4 align-self-stretch s_media_list_img_wrapper">
+                <div class="col-lg-12 s_media_list_item pt8 pb8" data-name="Media item">
+                    <div class="row s_col_no_resize s_col_no_bgcolor align-items-center o_cc o_cc1">
+                        <div class="col-lg-4 s_media_list_img_wrapper align-self-stretch px-0">
                             <img src="/web/image/mass_mailing.s_media_list_default_image_2" class="s_media_list_img h-100 w-100" alt=""/>
                         </div>
                         <div class="col-lg-8 s_media_list_body">
@@ -28,9 +28,9 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-lg-12 s_media_list_item pt16 pb16 ps-0 pe-0" data-name="Media item">
-                    <div class="row s_col_no_resize s_col_no_bgcolor g-0 align-items-center o_cc o_cc1">
-                        <div class="col-lg-4 align-self-stretch s_media_list_img_wrapper">
+                <div class="col-lg-12 s_media_list_item pt8 pb8" data-name="Media item">
+                    <div class="row s_col_no_resize s_col_no_bgcolor align-items-center o_cc o_cc1">
+                        <div class="col-lg-4 s_media_list_img_wrapper align-self-stretch px-0">
                             <img src="/web/image/mass_mailing.s_media_list_default_image_3" class="s_media_list_img h-100 w-100" alt=""/>
                         </div>
                         <div class="col-lg-8 s_media_list_body">