diff --git a/public/assets/css/doc/doc.css b/public/assets/css/doc/doc.css
index 4f69beb645..bdf3e6563b 100644
--- a/public/assets/css/doc/doc.css
+++ b/public/assets/css/doc/doc.css
@@ -1,23 +1,27 @@
 .content {
       display: flex;
       flex-wrap: wrap;
-      margin-top: calc(3 * var(--main-size));
+      margin-top: calc(4 * var(--main-size));
       justify-content: center;
       align-items: center;
-      margin-left: var(--nav-size);
-      margin-right: 0;
+      margin-left: calc(var(--nav-size) + var(--unit-size));
+      margin-right: calc(var(--nav-size) + var(--unit-size));
+      margin-bottom: var(--unit-size);
+      border: solid 2px var(--accent-low);
+      border-radius: var(--small-size);
 }
 
 .faq-nav {
       order: 1;
       display: flex;
-      justify-content: space-between;
+      justify-content: space-evenly;
       flex-wrap: wrap;
-      width: 100%;
-      background-color: #2A323B;
+      flex: 1;
+      background-color: var(--bg1);
       padding: var(--medium-size);
       font-size: var(--medium-size);
       font-family: var(--head-font);
+      border-radius: var(--small-size) var(--small-size) 0 0;
 }
 
 .faq-nav ul {
@@ -56,15 +60,14 @@
 
 .markd {
       order: 2;
-      background-color: #00000050;
-      font-size: var(--small-size);
+      background-color: var(--bg2);
+      font-size: var(--medium-size);
       padding: calc(3*var(--unit-size));
       padding-top: var(--unit-size);
-      border-radius: var(--unit-size);
-      margin-top: calc(2 * var(--unit-size));
-      margin-right: var(--side-margin);
-      margin-left: var(--side-margin);
-      box-shadow: 0px 0px 60px -20px rgba(0, 0, 0, 0.75);
+      border-radius: 0 0 var(--small-size) var(--small-size);
+}
+.markd-single {
+      border-radius: var(--small-size) !important;
 }
 
 .markd h2 {
diff --git a/templates/doc/privacy.html.twig b/templates/doc/privacy.html.twig
index c5b07753c1..835e12ee5d 100644
--- a/templates/doc/privacy.html.twig
+++ b/templates/doc/privacy.html.twig
@@ -4,7 +4,7 @@
 {% block body %}
 {{ parent() }}
 <div class='content'>
-    <div class='markd'>
+    <div class='markd markd-single'>
       {% block markdown %}
             {% apply markdown_to_html %}
                   ## Privacy
diff --git a/templates/doc/source.html.twig b/templates/doc/source.html.twig
index 625c3c0487..001d09dd19 100644
--- a/templates/doc/source.html.twig
+++ b/templates/doc/source.html.twig
@@ -4,7 +4,7 @@
 {% block body %}
       {{ parent() }}
       <div class='content'>
-            <div class='markd'>
+            <div class='markd markd-single'>
                   {% block markdown %}
                         {% apply markdown_to_html %}
                               ## Source
diff --git a/templates/doc/tos.html.twig b/templates/doc/tos.html.twig
index 4d98a69e28..6f6ef8fc42 100644
--- a/templates/doc/tos.html.twig
+++ b/templates/doc/tos.html.twig
@@ -4,7 +4,7 @@
 {% block body %}
       {{ parent() }}
       <div class='content'>
-            <div class='markd'>
+            <div class='markd markd-single'>
                   {% block markdown %}
                         {% apply markdown_to_html %}
                               ## TOS
diff --git a/templates/doc/version.html.twig b/templates/doc/version.html.twig
index e1199d31ee..10f63d0aad 100644
--- a/templates/doc/version.html.twig
+++ b/templates/doc/version.html.twig
@@ -4,7 +4,7 @@
 {% block body %}
       {{ parent() }}
       <div class='content'>
-            <div class='markd'>
+            <div class='markd markd-single'>
                   {% block markdown %}
                         {% apply markdown_to_html %}
                               ## GNU social 3