diff --git a/app/client/src/pages/AppViewer/BackToHomeButton.tsx b/app/client/src/pages/AppViewer/BackToHomeButton.tsx
index 8314fb2537..cabd61bdfc 100644
--- a/app/client/src/pages/AppViewer/BackToHomeButton.tsx
+++ b/app/client/src/pages/AppViewer/BackToHomeButton.tsx
@@ -1,20 +1,17 @@
 import React from "react";
+import { Link } from "react-router-dom";
 import { useSelector } from "react-redux";
-import { useHistory } from "react-router";
 import AppsIcon from "remixicon-react/AppsLineIcon";
 
 import { getSelectedAppTheme } from "selectors/appThemingSelectors";
 
 function BackToHomeButton() {
-  const history = useHistory();
   const selectedTheme = useSelector(getSelectedAppTheme);
 
   return (
-    <button
-      className="flex items-center gap-1 group t--back-to-home"
-      onClick={() => {
-        history.push("/applications");
-      }}
+    <Link
+      className="flex items-center gap-1 group t--back-to-home hover:no-underline"
+      to="/applications"
     >
       <AppsIcon
         className="p-1 text-[#858282] w-7 h-7 group-hover:bg-gray-100"
@@ -23,7 +20,7 @@ function BackToHomeButton() {
         }}
       />
       <span className="hidden md:block text-[#4B4848]">Apps</span>
-    </button>
+    </Link>
   );
 }