diff --git a/subprojects/gst-docs/markdown/index.md b/subprojects/gst-docs/markdown/index.md
index 9a263ccd66..19f776897a 100644
--- a/subprojects/gst-docs/markdown/index.md
+++ b/subprojects/gst-docs/markdown/index.md
@@ -19,23 +19,27 @@ cost of greater complexity, writing new applications is not always easy.
 </div>
 </div>
 
-<div class="row toned-row">
-    <div class="col-lg-2 col-lg-offset-2 col-xs-6 col-md-3">
-      <a class="icon" id="apiref" href="libs.html" data-hotdoc-relative-link=true>API Reference</a>
-    </div>
-    <div class="col-lg-2 col-xs-6 col-md-3">
-      <a class="icon" id="hig" href="application-development/index.html" data-hotdoc-relative-link=true>
-        Application developer manual
-      </a>
-    </div>
-    <div class="col-lg-2 col-xs-6 col-md-3">
-      <a class="icon" id="tutorials" href="tutorials/index.html" data-hotdoc-relative-link=true>
-        Tutorials
-      </a>
-    </div>
-    <div class="col-lg-2 col-xs-6 col-md-3">
-      <a class="icon" id="deploy" href="deploying/index.html" data-hotdoc-relative-link=true>
-        Deploying
-      </a>
+<div class="panel">
+    <div class="panel-body">
+        <div class="row toned-row">
+            <div class="col-lg-2 col-lg-offset-2 col-xs-6 col-md-3">
+              <a class="icon" id="apiref" href="libs.html" data-hotdoc-relative-link=true>API Reference</a>
+            </div>
+            <div class="col-lg-2 col-xs-6 col-md-3">
+              <a class="icon" id="hig" href="application-development/index.html" data-hotdoc-relative-link=true>
+                Application developer manual
+              </a>
+            </div>
+            <div class="col-lg-2 col-xs-6 col-md-3">
+              <a class="icon" id="tutorials" href="tutorials/index.html" data-hotdoc-relative-link=true>
+                Tutorials
+              </a>
+            </div>
+            <div class="col-lg-2 col-xs-6 col-md-3">
+              <a class="icon" id="deploy" href="deploying/index.html" data-hotdoc-relative-link=true>
+                Deploying
+              </a>
+            </div>
+        </div>
     </div>
 </div>
diff --git a/subprojects/gst-docs/theme/extra/css/extra_frontend.css b/subprojects/gst-docs/theme/extra/css/extra_frontend.css
index 9ab69d0485..7858c083d1 100644
--- a/subprojects/gst-docs/theme/extra/css/extra_frontend.css
+++ b/subprojects/gst-docs/theme/extra/css/extra_frontend.css
@@ -31,7 +31,6 @@ h1, h2, h2, h3, h4, h5 {
 }
 
 .toned-row {
-	background-color: #dfdfdf;
 	margin: 3em -15px 3em -15px;
 	padding: 3em;
 	text-align: center;