diff --git a/frontend/src/components/pages/details/Details.tsx b/frontend/src/components/pages/details/Details.tsx
index 38a941d52..a06a85666 100644
--- a/frontend/src/components/pages/details/Details.tsx
+++ b/frontend/src/components/pages/details/Details.tsx
@@ -326,11 +326,14 @@ export const DetailsUIWithoutContext: React.FC<Props> = ({ slug, parentId, langu
                           ref={sectionRef[section.name]}
                           id={`details_${section.name}_ref`}
                         >
+                          <div
+                            id="details_practicalInformations"
+                            className="scroll-mt-20 desktop:scroll-mt-30"
+                          />
                           {(details.labels.length > 0 ||
                             (details.advice !== null && details.advice.length > 0)) && (
                             <div id="details_recommandations_ref">
                               <DetailsSection
-                                htmlId="details_practicalInformations"
                                 titleId="details.recommandations"
                                 className={marginDetailsChild}
                               >
diff --git a/frontend/src/components/pages/site/OutdoorSiteUI.tsx b/frontend/src/components/pages/site/OutdoorSiteUI.tsx
index 9b1e03e11..dc4690ff9 100644
--- a/frontend/src/components/pages/site/OutdoorSiteUI.tsx
+++ b/frontend/src/components/pages/site/OutdoorSiteUI.tsx
@@ -324,10 +324,13 @@ const OutdoorSiteUIWithoutContext: React.FC<Props> = ({ outdoorSiteUrl, language
                           ref={sectionRef[section.name]}
                           id={`details_${section.name}_ref`}
                         >
+                          <div
+                            id="details_practicalInformations"
+                            className="scroll-mt-20 desktop:scroll-mt-30"
+                          />
                           {(outdoorSiteContent.advice ||
                             Number(outdoorSiteContent?.labels?.length) > 0) && (
                             <DetailsSection
-                              htmlId="details_practicalInformations"
                               titleId="details.recommandations"
                               className={marginDetailsChild}
                             >