diff --git a/web/layouts/section/docs.html b/web/layouts/section/docs.html
index caf89f358bd15535d36b849fc18ba00ef420e681..8ab8b8022ccccd8e63d32bbbc2f4059058471980 100644
--- a/web/layouts/section/docs.html
+++ b/web/layouts/section/docs.html
@@ -3,24 +3,19 @@
     {{ .Content }}
       <div class="flex flex-wrap">
       {{ range .Params.sections }}
-        <div class="w-full sm:w-1/2 lg:w-1/3 p-2 my-3">
-          <div class="p-2">
-            <div class="tc">
-              <h2 class="text-center">
-                <a href="{{ .url }}">
-                  {{ .name }}
-                  {{ $url_first_char := substr .url 0 1 }}
-                  {{ if not (eq $url_first_char "/") }}
-                    <i class="text-xs align-top fas fa-external-link-alt"></i>
-                  {{ end }}
-                </a>
-              </h1>
-              <hr>
-            </div>
-            <p class="1h-copy measure center f6 black-70">{{ .text }}</p>
-          </div>
+        <div class="w-full sm:w-1/2 lg:w-1/3 p-3 my-3">
+          <h2 class="mb-2 text-center text-base md:text-lg lg:text-xl xl:text-2xl">
+            <a href="{{ .url }}">
+              {{ .name }}
+              {{ $url_first_char := substr .url 0 1 }}
+              {{ if not (eq $url_first_char "/") }}
+                <i class="text-xs align-top fas fa-external-link-alt"></i>
+              {{ end }}
+            </a>
+          </h2>
+          <hr>
+          <p class="text-grey-darker">{{ .text }}</p>
         </div>
       {{ end }}
       </div>
-
 {{ end }}