diff --git a/src/core/css/webcaosdb.css b/src/core/css/webcaosdb.css
index f0f5a77d045e482b3ef2d6fae2dfdcbf51282167..bb92abdb0cd631bb57e7acc3ba2a385db7d7e442 100644
--- a/src/core/css/webcaosdb.css
+++ b/src/core/css/webcaosdb.css
@@ -35,6 +35,13 @@ body {
     min-height: 60vh;
 }
 
+@media screen and (min-height: 1150px) {
+    .background {
+        min-height: 80vh;
+    }
+}
+
+
 footer {
     background-color: lightgrey;
     width:100%;
diff --git a/src/core/webcaosdb.xsl b/src/core/webcaosdb.xsl
index 2742a87ca818c1ea6a1210431526242f85a35db9..96e29d6776d6ac8eafbee7b05f19a63bbcd8f857 100644
--- a/src/core/webcaosdb.xsl
+++ b/src/core/webcaosdb.xsl
@@ -73,7 +73,7 @@
         <xsl:if test="count(/Response/*)&lt;2 and not(/Response/Error|/Response/Info|/Response/Warning)">
             <xsl:attribute name="class">caosdb-welcome</xsl:attribute>
         </xsl:if>
-        <div class="background">
+        <div class="background d-flex flex-column">
           <xsl:call-template name="caosdb-tour-toc" />
           <xsl:call-template name="caosdb-top-navbar" />
           <xsl:call-template name="caosdb-data-container" />