diff --git a/www-client/src/main/resources/fr/agrometinfo/www/client/public/style.css b/www-client/src/main/resources/fr/agrometinfo/www/client/public/style.css
index 6fd7ba6f463695871a09ac3708b9db1c7dea99bb..4f72050d83b22273874b70438d957b8a38c20c6a 100644
--- a/www-client/src/main/resources/fr/agrometinfo/www/client/public/style.css
+++ b/www-client/src/main/resources/fr/agrometinfo/www/client/public/style.css
@@ -12,7 +12,7 @@ footer, footer a {
     display: inline-block;
     font-weight: bold;
     margin-right: 1em;
-    padding: 0.3em;
+    padding: var(--footer-padding);
 }
 footer a:hover {
     color: #ffffff;
@@ -116,7 +116,7 @@ select {
 }
 .agrometinfo-leftsidebar.sidebar,
 .agrometinfo-rightsidebar.right-sidebar {
-    height: calc(100vh - var(--logo-height));
+    height: calc(100vh - var(--logo-height) - var(--footer-logo-height) - 2 * var(--footer-padding));
     top: calc(2px + var(--logo-height));
 }
 .agrometinfo-rightsidebar.right-sidebar {
@@ -340,6 +340,7 @@ body > .modal-backdrop {
 
 :root {
     --footer-logo-height: 32px;
+    --footer-padding: 0.3em;
     --logo-height: 50px;
     --map-tooltip-height: 8em;
     --map-tooltip-width: 22em;