diff --git a/src/Components/Core/Presentation/React/LearningSpaceDisplay/BottomTooltip/BottomTooltip.tsx b/src/Components/Core/Presentation/React/LearningSpaceDisplay/BottomTooltip/BottomTooltip.tsx
index 434cf18c0..7a6413d7a 100644
--- a/src/Components/Core/Presentation/React/LearningSpaceDisplay/BottomTooltip/BottomTooltip.tsx
+++ b/src/Components/Core/Presentation/React/LearningSpaceDisplay/BottomTooltip/BottomTooltip.tsx
@@ -31,7 +31,7 @@ export default function BottomTooltip({
     <div
       className={tailwindMerge(
         className,
-        "flex justify-center w-1/3 bottom-2 md:bottom-10"
+        "flex justify-center w-full bottom-2 md:bottom-10"
       )}
     >
       <StyledContainer
diff --git a/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/LearningSpace.tsx b/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/LearningSpace.tsx
index 40e12a09f..91892b191 100644
--- a/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/LearningSpace.tsx
+++ b/src/Components/Core/Presentation/React/ReactRelated/ReactEntryPoint/LearningSpace.tsx
@@ -29,7 +29,7 @@ export default function LearningSpace() {
           engineOptions={{ stencil: true }}
         />
         <SideBar className="z-10 col-span-3 col-start-1 row-start-1 m-2 pointer-events-none" />
-        <BottomTooltip className="z-10 items-start justify-center col-span-3 col-start-5 row-start-6" />
+        <BottomTooltip className="z-10 items-start justify-center col-span-5 col-start-3 row-start-6" />
         <AdaptivityElementDialogContainer className="z-10" />
         <LearningElementModal className="z-10" />
         <ExitModal className="z-20" />