From 15df5b02ec7c76dea7680e0c7ead02a29db73f78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gustavo=20M=C3=A1rquez?=
 <47191295+gustavomm19@users.noreply.github.com>
Date: Tue, 8 Oct 2024 12:47:03 +0000
Subject: [PATCH] change conditional rendering for visibility hidden

---
 src/js_modules/syllabus/Topbar.jsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/js_modules/syllabus/Topbar.jsx b/src/js_modules/syllabus/Topbar.jsx
index 59306820c..d966d28b4 100644
--- a/src/js_modules/syllabus/Topbar.jsx
+++ b/src/js_modules/syllabus/Topbar.jsx
@@ -73,12 +73,10 @@ function TopBar({ currentAsset, ...rest }) {
               <SubtasksPill />
             </>
           )}
-          {isVisible && (
-            <Button display="flex" alignItems="center" gap="5px" variant="ghost" color={hexColor.blueDefault} onClick={scrollTop}>
-              <Icon icon="arrowLeft2" style={{ transform: 'rotate(90deg)' }} color={hexColor.blueDefault} />
-              {t('back-to-top')}
-            </Button>
-          )}
+          <Button visibility={!isVisible && 'hidden'} display="flex" alignItems="center" gap="5px" variant="ghost" color={hexColor.blueDefault} onClick={scrollTop}>
+            <Icon icon="arrowLeft2" style={{ transform: 'rotate(90deg)' }} color={hexColor.blueDefault} />
+            {t('back-to-top')}
+          </Button>
         </Box>
       </Box>
     </>