diff --git a/app/apprendre/page.tsx b/app/apprendre/page.tsx
index 0af118ab..8d580d14 100644
--- a/app/apprendre/page.tsx
+++ b/app/apprendre/page.tsx
@@ -16,6 +16,11 @@ export default async function Page() {
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_LEARN_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          className="relative"
+          style={{
+            marginTop: '-50px', // Adjust this value based on the Nextcloud navbar height
+            height: 'calc(100% + 50px)' // Compensate for the negative margin
+          }}
         />
       </div>
     </main>