diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 9ab5aa695..1b08c3549 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -79,7 +79,7 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
   color: var(--oc-white);
   font-size: 0.8em;
   padding-block: 2px;
-  padding-inline: 12px 10px;
+  padding-inline: 16px 14px;
 }
 #top-menu ul {margin: 0;  padding: 0;}
 #top-menu li {
@@ -100,7 +100,7 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
   background: linear-gradient(180deg, #628DB6 30%, #356D92); /* no match in Open Color, using hex code */
   color: var(--oc-gray-0);
   padding-block: 4px 20px;
-  padding-inline: 16px;
+  padding-inline: 20px;
   position: relative;
 }
 #header a {color: var(--oc-gray-0);}
@@ -123,7 +123,7 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
 #main-menu {
   position: absolute;
   inset-block-end: 0px;
-  inset-inline-start: 10px;
+  inset-inline-start: 14px;
   margin-inline-end: -500px;
   inline-size: 100%;
 }
@@ -229,7 +229,7 @@ pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
   background-color: var(--oc-white);
   margin: 0;
   padding-block: 18px 10px;
-  padding-inline: 16px;
+  padding-inline: 20px;
   overflow-x: auto;
 }
 
diff --git a/app/assets/stylesheets/responsive.css b/app/assets/stylesheets/responsive.css
index feb36f88b..ce7512619 100644
--- a/app/assets/stylesheets/responsive.css
+++ b/app/assets/stylesheets/responsive.css
@@ -214,6 +214,7 @@
     inline-size: 100%;
     min-block-size: 0; /* reset min-height of #content */
     margin: 0;
+    padding-inline: 16px;
   }
 
   /* hide sidebar and sidebar switch panel, since it's placed in mobile flyout menu */