diff --git a/packages/e2e/test/allure-awesome/test/testResult.test.ts b/packages/e2e/test/allure-awesome/test/testResult.test.ts
index 396289a165..d1cd492fd1 100644
--- a/packages/e2e/test/allure-awesome/test/testResult.test.ts
+++ b/packages/e2e/test/allure-awesome/test/testResult.test.ts
@@ -119,6 +119,30 @@ test.describe("allure-awesome", () => {
       await expect(testResultPage.titleLocator).toHaveText(testTitleText);
     });
 
+    test("navigation arrows navigate in the expected direction between test results", async () => {
+      await treePage.clickNthLeaf(0);
+
+      const startingPageIndex = 1;
+      let navCounterText = await testResultPage.navCurrentLocator.textContent();
+      const navStartingPageNumber = Number(navCounterText?.split("/")[0]);
+
+      let isPressBackButtonDisabled = await testResultPage.navPrevLocator.isDisabled();
+      expect(isPressBackButtonDisabled).toBe(true);
+
+      expect(navStartingPageNumber).toEqual(startingPageIndex);
+      await testResultPage.clickNextTestResult();
+      
+      navCounterText = await testResultPage.navCurrentLocator.textContent();
+      const navNextPageNumber = Number(navCounterText?.split("/")[0]);
+      expect(navNextPageNumber).toEqual(startingPageIndex + 1);
+
+      await testResultPage.clickPrevTestResult();
+      
+      navCounterText = await testResultPage.navCurrentLocator.textContent();
+      const navPreviousPageNumber = Number(navCounterText?.split("/")[0]);
+      expect(navPreviousPageNumber).toEqual(startingPageIndex);
+    });
+  
     test("test result fullname copies to clipboard", async ({ browserName, page, context }) => {
       test.skip(browserName !== "chromium", "Only chromium supports clipboard API");
 
diff --git a/packages/web-awesome/src/components/TestResult/TrNavigation/index.tsx b/packages/web-awesome/src/components/TestResult/TrNavigation/index.tsx
index 3d68bbd424..aa749ee7a6 100644
--- a/packages/web-awesome/src/components/TestResult/TrNavigation/index.tsx
+++ b/packages/web-awesome/src/components/TestResult/TrNavigation/index.tsx
@@ -49,10 +49,10 @@ export const TrNavigation: FunctionalComponent<TrNavigationProps> = ({ testResul
                   <IconButton
                     icon={allureIcons.lineArrowsChevronDown}
                     style={"ghost"}
-                    isDisabled={currentIndex === data.length}
+                    isDisabled={currentIndex <= 1}
                     data-testid="test-result-nav-prev"
                     className={styles["test-result-nav-prev"]}
-                    onClick={() => navigateTo(data[currentIndex])}
+                    onClick={() => navigateTo(data[currentIndex - 2])}
                   />
                 </TooltipWrapper>
                 <Code
@@ -66,9 +66,9 @@ export const TrNavigation: FunctionalComponent<TrNavigationProps> = ({ testResul
                   <IconButton
                     icon={allureIcons.lineArrowsChevronDown}
                     style={"ghost"}
-                    isDisabled={currentIndex <= 1}
+                    isDisabled={currentIndex === data.length}
                     data-testid="test-result-nav-next"
-                    onClick={() => navigateTo(data[currentIndex - 2])}
+                    onClick={() => navigateTo(data[currentIndex])}
                   />
                 </TooltipWrapper>
               </div>
diff --git a/packages/web-classic/src/components/TestResult/TestResultNavigation/index.tsx b/packages/web-classic/src/components/TestResult/TestResultNavigation/index.tsx
index e31e12dfa8..7ff321685f 100644
--- a/packages/web-classic/src/components/TestResult/TestResultNavigation/index.tsx
+++ b/packages/web-classic/src/components/TestResult/TestResultNavigation/index.tsx
@@ -48,10 +48,10 @@ export const TestResultNavigation: FunctionalComponent<TestResultNavigationProps
                   <IconButton
                     icon={allureIcons.lineArrowsChevronDown}
                     style={"ghost"}
-                    isDisabled={currentIndex === data.length}
+                    isDisabled={currentIndex <= 1}
                     data-testid="test-result-nav-prev"
                     className={styles["test-result-nav-prev"]}
-                    onClick={() => navigateTo(data[currentIndex])}
+                    onClick={() => navigateTo(data[currentIndex-2])}
                   />
                 </TooltipWrapper>
                 <Code
@@ -65,9 +65,9 @@ export const TestResultNavigation: FunctionalComponent<TestResultNavigationProps
                   <IconButton
                     icon={allureIcons.lineArrowsChevronDown}
                     style={"ghost"}
-                    isDisabled={currentIndex <= 1}
+                    isDisabled={currentIndex === data.length}
                     data-testid="test-result-nav-next"
-                    onClick={() => navigateTo(data[currentIndex - 2])}
+                    onClick={() => navigateTo(data[currentIndex])}
                   />
                 </TooltipWrapper>
               </div>