diff --git a/web/src/components/MobileHeader.tsx b/web/src/components/MobileHeader.tsx
index e654c08ce..56620f417 100644
--- a/web/src/components/MobileHeader.tsx
+++ b/web/src/components/MobileHeader.tsx
@@ -36,7 +36,10 @@ const MobileHeader = (props: Props) => {
         >
           <Icon.Menu className="w-5 h-auto dark:text-gray-200" />
         </div>
-        <span className="font-bold text-lg leading-10 mr-1 text-ellipsis shrink-0 cursor-pointer overflow-hidden text-gray-700 dark:text-gray-200">
+        <span
+          className="font-bold text-lg leading-10 mr-1 text-ellipsis shrink-0 cursor-pointer overflow-hidden text-gray-700 dark:text-gray-200"
+          onClick={() => location.reload()}
+        >
           {titleText}
         </span>
       </div>