diff --git a/packages/canyon-platform/src/assets/book.svg b/packages/canyon-platform/src/assets/book.svg
index 0a4598a1..c1901608 100644
--- a/packages/canyon-platform/src/assets/book.svg
+++ b/packages/canyon-platform/src/assets/book.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"/></svg>
\ No newline at end of file
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="15" viewBox="0 0 16 12" xmlns="http://www.w3.org/2000/svg"><path d="M14.477 12H7.17719V2.91913H14.477C14.8605 2.91913 15.1715 3.23009 15.1715 3.61368V11.3055C15.1715 11.6891 14.8605 12 14.477 12Z" class="fill-palette-gray10 dark:fill-palette-gray8" fill="#7E868C"></path><path d="M1.14328 12H7.60653V2.91913H1.14328C0.759695 2.91913 0.448736 3.23009 0.448736 3.61368V11.3055C0.448736 11.6891 0.759695 12 1.14328 12Z" class="fill-palette-gray10 dark:fill-palette-gray8" fill="#7E868C"></path><path d="M7.44243 2.75441V11.208C6.25795 10.0361 1.95775 10.2381 1.95775 10.2381V0.892998C1.95775 0.892998 5.71359 0.264251 7.44243 2.75441Z" class="fill-palette-gray7 dark:fill-palette-gray11" fill="#D7DBDF"></path><path d="M8.19656 2.75441V11.208C9.38104 10.0361 13.6812 10.2381 13.6812 10.2381V0.892998C13.6812 0.892998 9.9254 0.264251 8.19656 2.75441Z" class="fill-palette-gray7 dark:fill-palette-gray11" fill="#D7DBDF"></path></svg>
\ No newline at end of file
diff --git a/packages/canyon-platform/src/pages/index.tsx b/packages/canyon-platform/src/pages/index.tsx
index a686faaa..0acbc72c 100644
--- a/packages/canyon-platform/src/pages/index.tsx
+++ b/packages/canyon-platform/src/pages/index.tsx
@@ -147,18 +147,26 @@ function Index() {
                   Canyon
                 </Title>
 
-                <Tooltip
-                  title={
-                    <div>
-                      <span>{t('menus.docs')}</span>
-                      <ArrowRightOutlined />
-                    </div>
-                  }
-                >
-                  <a href={baseData?.SYSTEM_QUESTION_LINK} target={'_blank'} rel='noreferrer'>
-                    <img src={book} />
-                  </a>
-                </Tooltip>
+                <div>
+                  <Tooltip
+                    title={
+                      <div>
+                        <span>{t('menus.docs')}</span>
+                        <ArrowRightOutlined />
+                      </div>
+                    }
+                  >
+                    <a
+                      href={baseData?.SYSTEM_QUESTION_LINK}
+                      target={'_blank'}
+                      rel='noreferrer'
+                      className={'ml-2'}
+                    >
+                      <img src={book} />
+                    </a>
+                  </Tooltip>
+                  {/*marker position*/}
+                </div>
               </div>
             </div>
             <Menu