diff --git a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
index e7115fe7d..3090b5208 100644
--- a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
+++ b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
@@ -28,36 +28,35 @@ export const SidebarHeader = (props: SidebarHeaderProps) => {
       data-is-macos-electron={environment.isDesktop && environment.isMacOs}
     >
       <SidebarSwitch show={open} />
-      {environment.isDesktop && (
-        <div className={navHeaderNavigationButtons}>
-          <IconButton
-            className={navHeaderButton}
-            data-testid="app-sidebar-arrow-button-back"
-            disabled={props.router?.history.current === 0}
-            onClick={() => {
-              props.router?.back();
-            }}
-          >
-            <ArrowLeftSmallIcon />
-          </IconButton>
-          <IconButton
-            className={navHeaderButton}
-            data-testid="app-sidebar-arrow-button-forward"
-            disabled={
-              props.router
-                ? props.router.history.stack.length > 0 &&
+      <div className={navHeaderNavigationButtons}>
+        <IconButton
+          className={navHeaderButton}
+          data-testid="app-sidebar-arrow-button-back"
+          disabled={props.router?.history.current === 0}
+          onClick={() => {
+            props.router?.back();
+          }}
+        >
+          <ArrowLeftSmallIcon />
+        </IconButton>
+        <IconButton
+          className={navHeaderButton}
+          data-testid="app-sidebar-arrow-button-forward"
+          disabled={
+            props.router
+              ? (props.router.history.stack.length > 0 &&
                   props.router.history.current ===
-                    props.router.history.stack.length - 1
-                : false
-            }
-            onClick={() => {
-              props.router?.forward();
-            }}
-          >
-            <ArrowRightSmallIcon />
-          </IconButton>
-        </div>
-      )}
+                    props.router.history.stack.length - 1) ||
+                props.router.history.stack.length === 0
+              : true
+          }
+          onClick={() => {
+            props.router?.forward();
+          }}
+        >
+          <ArrowRightSmallIcon />
+        </IconButton>
+      </div>
     </div>
   );
 };