diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 00ca1b8770b..50620d7974a 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -234,7 +234,7 @@ a:not([href]):not([class]):hover {
   height: calc(100vh - 5.5rem);
   top: 5.5rem;
   overflow-y: auto;
-  padding-top: 1rem;
+  padding-top: 0rem;
   margin-top: 0;
   overflow-x: hidden;
   &__inner {
@@ -346,7 +346,7 @@ a:not([href]):not([class]):hover {
   @supports (position: sticky) {
     position: sticky;
     top: 5.5rem;
-    padding-top: 1rem;
+    padding-top: $sidebar-top-alignment;
     height: calc(100vh - 5.5rem);
     overflow-y: auto;
   }
@@ -354,6 +354,14 @@ a:not([href]):not([class]):hover {
   .taxo-categories {
     margin-top: 2rem;
   }
+
+  @media screen and (max-width: 768px) {
+    @supports (position: sticky) {
+      top: 0;
+      padding-top: 0;
+      height: auto;
+    }
+  }
 }
 
 .td-page-meta {
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 79a27e5ad7b..b984f6ce49a 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -117,6 +117,7 @@ $navbar-dark-hover-color: rgba($white, 0.35) !default;
 // Layout
 
 $site-max-width: 1920px;
+$sidebar-top-alignment: 1rem; 
 
 // Footer