diff --git a/packages/web-awesome/src/components/app/ArrowButton/styles.scss b/packages/web-awesome/src/components/app/ArrowButton/styles.scss
index 36d1c5ad..4c4db859 100644
--- a/packages/web-awesome/src/components/app/ArrowButton/styles.scss
+++ b/packages/web-awesome/src/components/app/ArrowButton/styles.scss
@@ -3,6 +3,7 @@
   border: none;
   padding: 8px 4px;
   border-radius: 4px;
+  cursor: pointer;
   color: var(--on-icon-secondary);
 
   &:hover {
diff --git a/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx b/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx
index 146ac960..82edc026 100644
--- a/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx
+++ b/packages/web-awesome/src/components/app/TestResult/TestResultHistory/TestResultHistoryItem.tsx
@@ -24,9 +24,19 @@ export const TestResultHistoryItem = ({ testResultItem }) => {
 
   return (
     <div>
-      <div className={styles["test-result-history-item-header"]} onClick={() => setIsOpen(!isOpened)}>
-        {Boolean(message) && <ArrowButton isOpened={isOpened} icon={arrowsChevronDown.id} />}
-        <div className={styles["test-result-history-item-wrap"]}>
+      <div className={styles["test-result-history-item-header"]}>
+        {Boolean(message) && (
+          <span onClick={() => setIsOpen(!isOpened)}>
+            <ArrowButton isOpened={isOpened} icon={arrowsChevronDown.id} />
+          </span>
+        )}
+        <div
+          className={styles["test-result-history-item-wrap"]}
+          onClick={(e) => {
+            e.stopPropagation();
+            openInNewTab(navigateUrl);
+          }}
+        >
           <TreeItemIcon status={status} className={styles["test-result-history-item-status"]} />
           <Text className={styles["test-result-history-item-text"]}>{convertedStop}</Text>
           <div className={styles["test-result-history-item-info"]}>
diff --git a/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx b/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx
index a6c3f820..092a8e6b 100644
--- a/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx
+++ b/packages/web-awesome/src/components/app/TestResult/TestResultPrevStatuses/index.tsx
@@ -5,15 +5,15 @@ import { useTestResultTabsContext } from "@/components/app/TestResult/TestResult
 import { SvgIcon } from "@/components/commons/SvgIcon";
 import { TooltipWrapper } from "@/components/commons/Tooltip";
 import { Text } from "@/components/commons/Typography";
+import { openInNewTab } from "@/index";
 import { useI18n } from "@/stores";
 import { capitalize } from "@/utils/capitalize";
 import { timestampToDate } from "@/utils/time";
 import * as styles from "./styles.scss";
 
 const TestResultPrevStatus = ({ item }) => {
-  const { setCurrentTab } = useTestResultTabsContext();
   return (
-    <div className={styles["test-result-prev-status"]} onClick={() => setCurrentTab("history")}>
+    <div className={styles["test-result-prev-status"]} onClick={() => openInNewTab(`testresult/${item.id}`)}>
       <SvgIcon id={LineShapesDotCircle.id} className={styles[`status-${item?.status}`]} />
     </div>
   );