diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index bc643a8d2a2..bdf801ec513 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -79,6 +79,78 @@
   margin-bottom: 0px !important;
 }
 
+.pt128 {
+  padding-top: 128px !important;
+}
+
+.pt92 {
+  padding-top: 92px !important;
+}
+
+.pt64 {
+  padding-top: 64px !important;
+}
+
+.pt48 {
+  padding-top: 48px !important;
+}
+
+.pt32 {
+  padding-top: 32px !important;
+}
+
+.pt16 {
+  padding-top: 16px !important;
+}
+
+.pt8 {
+  padding-top: 8px !important;
+}
+
+.pt4 {
+  padding-top: 4px !important;
+}
+
+.pt0 {
+  padding-top: 0px !important;
+}
+
+.pb128 {
+  padding-bottom: 128px !important;
+}
+
+.pb92 {
+  padding-bottom: 92px !important;
+}
+
+.pb64 {
+  padding-bottom: 64px !important;
+}
+
+.pb48 {
+  padding-bottom: 48px !important;
+}
+
+.pb32 {
+  padding-bottom: 32px !important;
+}
+
+.pb16 {
+  padding-bottom: 16px !important;
+}
+
+.pb8 {
+  padding-bottom: 8px !important;
+}
+
+.pb4 {
+  padding-bottom: 4px !important;
+}
+
+.pb0 {
+  padding-bottom: 0px !important;
+}
+
 /* Grid of unequally tall elements */
 .grid > [class*="col-md"] {
   display: inline-block;
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index 0a9bab00bda..095c18575f6 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -49,6 +49,44 @@
 .mb0
     margin-bottom: 0px !important
 
+.pt128
+    padding-top: 128px !important
+.pt92
+    padding-top: 92px !important
+.pt64
+    padding-top: 64px !important
+.pt48
+    padding-top: 48px !important
+.pt32
+    padding-top: 32px !important
+.pt16
+    padding-top: 16px !important
+.pt8
+    padding-top: 8px !important
+.pt4
+    padding-top: 4px !important
+.pt0
+    padding-top: 0px !important
+
+.pb128
+    padding-bottom: 128px !important
+.pb92
+    padding-bottom: 92px !important
+.pb64
+    padding-bottom: 64px !important
+.pb48
+    padding-bottom: 48px !important
+.pb32
+    padding-bottom: 32px !important
+.pb16
+    padding-bottom: 16px !important
+.pb8
+    padding-bottom: 8px !important
+.pb4
+    padding-bottom: 4px !important
+.pb0
+    padding-bottom: 0px !important
+
 /* Grid of unequally tall elements */
 .grid > [class*="col-md"]
     display: inline-block
diff --git a/addons/website/static/src/js/website.snippets.js b/addons/website/static/src/js/website.snippets.js
index 0fb9060f0f9..b765b86ca60 100644
--- a/addons/website/static/src/js/website.snippets.js
+++ b/addons/website/static/src/js/website.snippets.js
@@ -736,8 +736,8 @@
         getSize: function () {
             var grid = [0,4,8,16,32,48,64,92,128];
             this.grid = {
-                n: [_.map(grid, function (v) {return 'mt'+v;}), grid],
-                s: [_.map(grid, function (v) {return 'mb'+v;}), grid]
+                n: [_.map(grid, function (v) {return 'pt'+v;}), grid],
+                s: [_.map(grid, function (v) {return 'pb'+v;}), grid]
             };
             return this.grid;
         },
diff --git a/addons/website/static/src/xml/website.snippets.xml b/addons/website/static/src/xml/website.snippets.xml
index bfa7c7d6ff1..fe589ddf92f 100644
--- a/addons/website/static/src/xml/website.snippets.xml
+++ b/addons/website/static/src/xml/website.snippets.xml
@@ -242,8 +242,7 @@
 
     <div t-name="website.snippets.hr" data-snippet-id='hr' data-category='structure' data-selector-children='.oe_structure, [data-oe-type=html]'>
         <div class='oe_snippet_thumbnail oe_label'>Separator</div>
-        <hr class="oe_snippet_body">
-        </hr>
+        <div class="oe_snippet_body"><hr/></div>
     </div>