diff --git a/src/_includes/layouts/page.njk b/src/_includes/layouts/page.njk
index 64f05e5..02cf56b 100644
--- a/src/_includes/layouts/page.njk
+++ b/src/_includes/layouts/page.njk
@@ -19,7 +19,7 @@
             {% include "src/_includes/layouts/nav.njk" %}
         </header>
 
-        <div class="section p-0-touch p4-mid break-word">
+        <div class="section p-0-touch p-4-mid break-word">
             <div class="columns is-gapless is-desktop">
                 <div id="sidebar-menu" class="column is-2-fullhd is-3-widescreen is-3-desktop is-hidden-touch">
                     {% include "src/_includes/layouts/sidebar.njk" %}
diff --git a/src/page.scss b/src/page.scss
index ded0a6e..7b3724d 100644
--- a/src/page.scss
+++ b/src/page.scss
@@ -28,13 +28,12 @@ $beige-lighter: #eff0eb;
 @forward "bulma/sass/elements/content";
 
 $mid-padding: map.get(spacing.$spacing-values, "4");
-
 @include mixins.until-fullhd {
-    .section.p4-mid {
+    .section.p-4-mid {
         padding: $mid-padding;
     }
 
-    .container.is-fluid.p4-mid {
+    .container.is-fluid.p-4-mid {
         padding: $mid-padding;
     }
 }