diff --git a/src/components/Homepage/Aside/index.js b/src/components/Homepage/Aside/index.js
index c2709f85..9a85b0b8 100644
--- a/src/components/Homepage/Aside/index.js
+++ b/src/components/Homepage/Aside/index.js
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import {ShareButtons} from "/src/components/ShareButtons";
+import { ToTopButton } from '/src/components/ToTopButton'
 
 import styles from './styles.module.scss';
 import clsx from "clsx";
@@ -38,6 +39,7 @@ export default function Aside({editUrl}){
       <div className={`flex-grow-1 position-relative d-none d-lg-flex flex-column`}>
         <div className={clsx(styles.docItemAsideBottom, 'position-sticky mt-auto')}>
           <ShareButtons/>
+          <ToTopButton className="mt-24"/>
         </div>
       </div>
     </div>
diff --git a/src/components/ShareButtons/index.js b/src/components/ShareButtons/index.js
index 618ffe9c..f755c754 100644
--- a/src/components/ShareButtons/index.js
+++ b/src/components/ShareButtons/index.js
@@ -78,7 +78,7 @@ export const ShareButtons = ({className}) => {
               }}
       >
         Copy page link
-        {showTip && (<span className={`position-absolute top-100 end-0 mt-12 text-body`}>Copied!</span>)}
+        {showTip && (<span className={`position-absolute top-100 end-0 mt-6 text-body`}>Copied!</span>)}
       </Button>
     </div>
 )
diff --git a/src/components/ToTopButton/index.js b/src/components/ToTopButton/index.js
new file mode 100644
index 00000000..d5cffa46
--- /dev/null
+++ b/src/components/ToTopButton/index.js
@@ -0,0 +1,25 @@
+import React from 'react'
+import Button from '../Button'
+import clsx from 'clsx'
+import Translate from '@docusaurus/Translate';
+
+export const ToTopButton = ({ className }) => {
+
+  return (
+    <Button
+      className={clsx(className)}
+      size={`sm`}
+      icon={`arrow-top`}
+      onClick={() => {
+        if (window) {
+          window.scrollTo({ top: 0, behavior: 'smooth' })
+        }
+      }}
+    >
+      <Translate
+        id="theme.common.backToTop">
+        Back to top
+      </Translate>
+    </Button>
+  )
+}
diff --git a/src/theme/BlogAside/index.js b/src/theme/BlogAside/index.js
index 2236b077..e3d2bcf6 100644
--- a/src/theme/BlogAside/index.js
+++ b/src/theme/BlogAside/index.js
@@ -7,6 +7,7 @@ import clsx from "clsx";
 import {FeedbackForm} from "/src/components/FeedbackForm";
 
 import Translate from '@docusaurus/Translate';
+import { ToTopButton } from '../../components/ToTopButton'
 
 export default function BlogAside({editUrl}){
   return <div className={clsx(styles.docItemAside, `h-100 pt-40 pt-lg-0 ps-lg-24`)}>
@@ -27,6 +28,7 @@ export default function BlogAside({editUrl}){
       <div className={`flex-grow-1 position-relative d-none d-lg-flex flex-column`}>
         <div className={clsx(styles.docItemAsideBottom, 'position-sticky mt-auto')}>
           <ShareButtons/>
+          <ToTopButton className="mt-24"/>
         </div>
       </div>
     </div>
diff --git a/src/theme/DocItem/Aside/index.js b/src/theme/DocItem/Aside/index.js
index 0804cacd..24ace006 100644
--- a/src/theme/DocItem/Aside/index.js
+++ b/src/theme/DocItem/Aside/index.js
@@ -12,6 +12,7 @@ import MoreActions from "@theme/DocItem/MoreActions";
 
 import clsx from "clsx";
 import styles from './styles.module.scss';
+import { ToTopButton } from '../../../components/ToTopButton'
 
 const DocTOCDesktop = () => {
 	const {frontMatter, toc} = useDoc();
@@ -32,6 +33,7 @@ export default function DocItemAside() {
 			<div className={`flex-grow-1 position-relative d-flex flex-column`}>
 				<div className={clsx(styles.docItemAsideBottom, 'position-sticky mt-auto')}>
 					<ShareButtons />
+          <ToTopButton className="mt-24"/>
 				</div>
 			</div>
  		</div>
diff --git a/src/theme/Layout/SVGSprite/index.js b/src/theme/Layout/SVGSprite/index.js
index e1e6c83f..dd2bba23 100644
--- a/src/theme/Layout/SVGSprite/index.js
+++ b/src/theme/Layout/SVGSprite/index.js
@@ -74,6 +74,9 @@ export default function SVGSprite() {
         <symbol viewBox="0 0 16 16" fill="none" id="icon-link-external">
           <path fillRule="evenodd" clipRule="evenodd" d="M3.33333 3.33333V12.6667H12.6667V8H14V14H2V2H8V3.33333H3.33333ZM9.33333 3.33333V2H14V6.66667H12.6667V4.27333L6.11333 10.8267L5.17333 9.88667L11.7267 3.33333H9.33333Z" fill="currentColor"/>
         </symbol>
+        <symbol id="icon-arrow-top" viewBox="0 0 16 16" fill="none">
+          <path d="M7.33 14.67V3.88L4.27 6.93 3.33 6 8 1.33 12.67 6l-.94.95-3.06-3.07v10.79H7.33Z" fill="currentColor"/>
+        </symbol>
 
       </defs>
     </svg>