From 3c980512be773bcff401998e1161222ea2d54f2e Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Mon, 9 Mar 2026 11:53:26 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(frontend)=20improve=20position=20a?=
 =?UTF-8?q?i=20menu=20elements?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The right part of the ai menu was not correctly
positioned, this commit fixes this issue.
---
 .../docs/doc-editor/components/AI/AIMenu.tsx  | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/AI/AIMenu.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/AI/AIMenu.tsx
index a624dfed..d0920df9 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/AI/AIMenu.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/AI/AIMenu.tsx
@@ -40,14 +40,22 @@ const AIMenuStyle = createGlobalStyle`
     height: 18px;
     width: 18px;
   }
-  .--docs--ai-menu input[name="ai-prompt"]{
-    padding-inline-start: 3rem;
-  }
-  .--docs--ai-menu .mantine-TextInput-section[data-position="left"] {
-    margin-inline: 0.75rem;
-  }
-  .--docs--ai-menu .mantine-TextInput-section[data-position="right"] {
-    inset-inline-end: 2rem;
+  .--docs--ai-menu {
+    input[name="ai-prompt"]{
+      padding-inline-start: 3rem;
+    }
+    .mantine-TextInput-wrapper {
+      display: flex
+    }
+    .mantine-TextInput-section[data-position="left"] {
+      margin-inline: 0.75rem;
+    }
+    .mantine-TextInput-section[data-position="right"] {
+      inset-inline-end: var(--c--globals--spacings--sm);
+      position: relative;
+      flex-shrink: 0;
+      width: auto;
+    }
   }
 `;