diff --git a/components/Common/ActiveLocalizedLink/__tests__/index.test.mjs b/components/Common/ActiveLink/__tests__/index.test.mjs
similarity index 56%
rename from components/Common/ActiveLocalizedLink/__tests__/index.test.mjs
rename to components/Common/ActiveLink/__tests__/index.test.mjs
index 576f6f6d922c7..2ce5778f60b63 100644
--- a/components/Common/ActiveLocalizedLink/__tests__/index.test.mjs
+++ b/components/Common/ActiveLink/__tests__/index.test.mjs
@@ -1,17 +1,13 @@
 import { render, screen } from '@testing-library/react';
 
-import ActiveLocalizedLink from '..';
+import ActiveLink from '..';
 
-describe('ActiveLocalizedLink', () => {
+describe('ActiveLink', () => {
   it('renders as localized link', () => {
     render(
-      <ActiveLocalizedLink
-        className="link"
-        activeClassName="active"
-        href="/link"
-      >
+      <ActiveLink className="link" activeClassName="active" href="/link">
         Link
-      </ActiveLocalizedLink>
+      </ActiveLink>
     );
 
     expect(screen.findByText('Link')).resolves.toHaveAttribute(
@@ -22,13 +18,9 @@ describe('ActiveLocalizedLink', () => {
 
   it('ignores active class when href not matches location.href', () => {
     render(
-      <ActiveLocalizedLink
-        className="link"
-        activeClassName="active"
-        href="/not-link"
-      >
+      <ActiveLink className="link" activeClassName="active" href="/not-link">
         Link
-      </ActiveLocalizedLink>
+      </ActiveLink>
     );
 
     expect(screen.findByText('Link')).resolves.toHaveAttribute('class', 'link');
@@ -36,13 +28,9 @@ describe('ActiveLocalizedLink', () => {
 
   it('sets active class when href matches location.href', () => {
     render(
-      <ActiveLocalizedLink
-        className="link"
-        activeClassName="active"
-        href="/link"
-      >
+      <ActiveLink className="link" activeClassName="active" href="/link">
         Link
-      </ActiveLocalizedLink>
+      </ActiveLink>
     );
 
     expect(screen.findByText('Link')).resolves.toHaveAttribute(
diff --git a/components/Common/ActiveLocalizedLink/index.tsx b/components/Common/ActiveLink/index.tsx
similarity index 62%
rename from components/Common/ActiveLocalizedLink/index.tsx
rename to components/Common/ActiveLink/index.tsx
index ff6254e6b05dc..d935f9f651ba0 100644
--- a/components/Common/ActiveLocalizedLink/index.tsx
+++ b/components/Common/ActiveLink/index.tsx
@@ -7,22 +7,24 @@ import Link from '@/components/Link';
 import { usePathname } from '@/navigation.mjs';
 
 type ActiveLocalizedLinkProps = ComponentProps<typeof Link> & {
-  activeClassName: string;
+  activeClassName?: string;
+  allowSubPath?: boolean;
 };
 
-const ActiveLocalizedLink: FC<ActiveLocalizedLinkProps> = ({
+const ActiveLink: FC<ActiveLocalizedLinkProps> = ({
   children,
-  activeClassName,
+  activeClassName = 'active',
+  allowSubPath = false,
   className,
   href = '',
   ...props
 }) => {
   const pathname = usePathname();
 
-  const linkURL = new URL(href.toString(), location.href);
-
   const finalClassName = classNames(className, {
-    [activeClassName]: linkURL.pathname === pathname,
+    [activeClassName]: allowSubPath
+      ? pathname.startsWith(href.toString())
+      : href.toString() === pathname,
   });
 
   return (
@@ -32,4 +34,4 @@ const ActiveLocalizedLink: FC<ActiveLocalizedLinkProps> = ({
   );
 };
 
-export default ActiveLocalizedLink;
+export default ActiveLink;
diff --git a/components/Containers/NavItem/index.tsx b/components/Containers/NavItem/index.tsx
index df4d03059b24e..2ac1685b8f266 100644
--- a/components/Containers/NavItem/index.tsx
+++ b/components/Containers/NavItem/index.tsx
@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import type { FC, PropsWithChildren } from 'react';
 import { useMemo } from 'react';
 
-import ActiveLocalizedLink from '@/components/Common/ActiveLocalizedLink';
+import ActiveLink from '@/components/Common/ActiveLink';
 
 import styles from './index.module.css';
 
@@ -22,19 +22,19 @@ const NavItem: FC<PropsWithChildren<NavItemProps>> = ({
   className,
 }) => {
   const showIcon = useMemo(
-    () => type === 'nav' && !href.toString().startsWith('/'),
+    () => type === 'nav' && href.toString().startsWith('http'),
     [href, type]
   );
 
   return (
-    <ActiveLocalizedLink
+    <ActiveLink
       href={href}
       className={classNames(styles.navItem, styles[type], className)}
       activeClassName={styles.active}
     >
       <span className={styles.label}>{children}</span>
       {showIcon && <ArrowUpRightIcon className={styles.icon} />}
-    </ActiveLocalizedLink>
+    </ActiveLink>
   );
 };
 
diff --git a/components/Header.tsx b/components/Header.tsx
index bdac8a701d96c..377cc7eb1d0d7 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -1,29 +1,25 @@
 'use client';
 
-import classNames from 'classnames';
 import Image from 'next/image';
 import { useTranslations } from 'next-intl';
 import { useTheme } from 'next-themes';
 import { useState } from 'react';
 
+import ActiveLink from '@/components/Common/ActiveLink';
 import Link from '@/components/Link';
-import { useIsCurrentPathname, useSiteNavigation } from '@/hooks';
+import { useSiteNavigation } from '@/hooks';
 import { usePathname } from '@/navigation.mjs';
 import { BASE_PATH } from '@/next.constants.mjs';
 import { availableLocales } from '@/next.locales.mjs';
 
 const Header = () => {
   const { navigationItems } = useSiteNavigation();
-  const { isCurrentLocaleRoute } = useIsCurrentPathname();
   const [showLangPicker, setShowLangPicker] = useState(false);
   const { theme, setTheme } = useTheme();
 
   const pathname = usePathname();
   const t = useTranslations();
 
-  const getLinkClassName = (href: string) =>
-    classNames({ active: isCurrentLocaleRoute(href, href !== '/') });
-
   const toggleLanguage = t('components.header.buttons.toggleLanguage');
   const toggleDarkMode = t('components.header.buttons.toggleDarkMode');
 
@@ -43,8 +39,10 @@ const Header = () => {
         <nav aria-label="primary">
           <ul className="list-divider-pipe">
             {navigationItems.map((item, key) => (
-              <li key={key} className={getLinkClassName(item.link)}>
-                <Link href={item.link}>{item.text}</Link>
+              <li key={key}>
+                <ActiveLink href={item.link} allowSubPath>
+                  {item.text}
+                </ActiveLink>
               </li>
             ))}
           </ul>
diff --git a/components/SideNavigation.tsx b/components/SideNavigation.tsx
index b125ae4b58ea6..c01e636525e80 100644
--- a/components/SideNavigation.tsx
+++ b/components/SideNavigation.tsx
@@ -1,11 +1,8 @@
-'use client';
-
-import classNames from 'classnames';
 import type { RichTranslationValues } from 'next-intl';
 import type { FC } from 'react';
 
-import Link from '@/components/Link';
-import { useIsCurrentPathname, useSiteNavigation } from '@/hooks';
+import ActiveLink from '@/components/Common/ActiveLink';
+import { useSiteNavigation } from '@/hooks/server';
 import type { NavigationKeys } from '@/types';
 
 type SideNavigationProps = {
@@ -18,25 +15,21 @@ const SideNavigation: FC<SideNavigationProps> = ({
   context,
 }) => {
   const { getSideNavigation } = useSiteNavigation();
-  const { isCurrentLocaleRoute } = useIsCurrentPathname();
 
   const sideNavigationItems = getSideNavigation(navigationKey, context);
 
-  const getLinkClasses = (href: string, level: number) =>
-    classNames({ active: isCurrentLocaleRoute(href), level });
-
   return (
     <nav aria-label="secondary">
       <ul>
         {sideNavigationItems.map(item => (
-          <li key={item.key} className={getLinkClasses(item.link, item.level)}>
-            <Link href={item.link}>{item.text}</Link>
+          <li key={item.key}>
+            <ActiveLink href={item.link}>{item.text}</ActiveLink>
 
             {item.items.length > 0 && (
               <ul>
-                {item.items.map(({ link, level, text, key }) => (
-                  <li key={key} className={getLinkClasses(link, level)}>
-                    <Link href={link}>{text}</Link>
+                {item.items.map(({ link, text, key }) => (
+                  <li key={key}>
+                    <ActiveLink href={link}>{text}</ActiveLink>
                   </li>
                 ))}
               </ul>
diff --git a/hooks/react-client/index.ts b/hooks/react-client/index.ts
index 80f71cbc0669e..c9e4bd771af87 100644
--- a/hooks/react-client/index.ts
+++ b/hooks/react-client/index.ts
@@ -1,6 +1,5 @@
 export { default as useCopyToClipboard } from './useCopyToClipboard';
 export { default as useDetectOS } from './useDetectOS';
-export { default as useIsCurrentPathname } from './useIsCurrentPathname';
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as useNotification } from './useNotification';
 export { default as useClientContext } from './useClientContext';
diff --git a/hooks/react-client/useIsCurrentPathname.ts b/hooks/react-client/useIsCurrentPathname.ts
deleted file mode 100644
index c14582892ea7a..0000000000000
--- a/hooks/react-client/useIsCurrentPathname.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-'use client';
-
-import useClientContext from '@/hooks/react-client/useClientContext';
-
-const useIsCurrentPathname = () => {
-  const { pathname } = useClientContext();
-
-  return {
-    isCurrentLocaleRoute: (route: string, allowSubPath?: boolean) =>
-      allowSubPath ? pathname.startsWith(route) : route === pathname,
-  };
-};
-
-export default useIsCurrentPathname;
diff --git a/hooks/react-server/index.ts b/hooks/react-server/index.ts
index 80f71cbc0669e..c9e4bd771af87 100644
--- a/hooks/react-server/index.ts
+++ b/hooks/react-server/index.ts
@@ -1,6 +1,5 @@
 export { default as useCopyToClipboard } from './useCopyToClipboard';
 export { default as useDetectOS } from './useDetectOS';
-export { default as useIsCurrentPathname } from './useIsCurrentPathname';
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as useNotification } from './useNotification';
 export { default as useClientContext } from './useClientContext';
diff --git a/hooks/react-server/useIsCurrentPathname.ts b/hooks/react-server/useIsCurrentPathname.ts
deleted file mode 100644
index aca13fb643a92..0000000000000
--- a/hooks/react-server/useIsCurrentPathname.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import useClientContext from '@/hooks/react-server/useClientContext';
-
-const useIsCurrentPathname = () => {
-  const { pathname } = useClientContext();
-
-  return {
-    isCurrentLocaleRoute: (route: string, allowSubPath?: boolean) => {
-      const asPathJustPath = pathname.replace(/[#|?].*$/, '');
-
-      return allowSubPath
-        ? asPathJustPath.startsWith(route)
-        : route === asPathJustPath;
-    },
-  };
-};
-
-export default useIsCurrentPathname;
diff --git a/layouts/DocsLayout.tsx b/layouts/DocsLayout.tsx
index 613d1835a81d9..6223cbc6b7849 100644
--- a/layouts/DocsLayout.tsx
+++ b/layouts/DocsLayout.tsx
@@ -1,5 +1,3 @@
-'use client';
-
 import type { RichTranslationValues } from 'next-intl';
 import type { FC, PropsWithChildren } from 'react';
 
diff --git a/styles/old/index.css b/styles/old/index.css
index b476a031c55a9..5ce154497f3a4 100644
--- a/styles/old/index.css
+++ b/styles/old/index.css
@@ -66,11 +66,9 @@ article a {
         margin-left: -10px;
         margin-right: -10px;
         padding: 5px 10px;
-      }
 
-      .active {
-        > a,
-        > a:hover {
+        &.active,
+        &.active:hover {
           background-color: $active-green;
           color: $white;
         }
diff --git a/styles/old/layout/dark-theme.css b/styles/old/layout/dark-theme.css
index 0a72845b5ea1f..a338629c65f71 100644
--- a/styles/old/layout/dark-theme.css
+++ b/styles/old/layout/dark-theme.css
@@ -30,11 +30,12 @@ html[data-theme='dark'] {
       &:hover {
         color: $white;
       }
-    }
 
-    .active > a {
-      background-color: $active-green;
-      color: $white;
+      &.active,
+      &.active:hover {
+        background-color: $active-green;
+        color: $white;
+      }
     }
   }
 
diff --git a/styles/old/page-modules/header.css b/styles/old/page-modules/header.css
index b3c1f2c30e996..d433bb7c00cba 100644
--- a/styles/old/page-modules/header.css
+++ b/styles/old/page-modules/header.css
@@ -142,7 +142,7 @@ header {
 
         $border-width: 14px;
 
-        &.active::after {
+        &:has(a.active)::after {
           border: solid transparent;
           border-top-color: $node-gray;
           border-width: $border-width;
@@ -156,7 +156,7 @@ header {
           width: 0;
         }
 
-        &.active:first-child::after {
+        &:has(a.active):first-child::after {
           margin-left: -$border-width;
         }
       }
diff --git a/util/getBitness.ts b/util/getBitness.ts
index a7342de7f8f9f..55f9509e86635 100644
--- a/util/getBitness.ts
+++ b/util/getBitness.ts
@@ -9,10 +9,10 @@ export const getBitness = async () => {
       'bitness',
     ]);
 
-    // Apparently in some cases this is not a Promise, then we should ignore
-    if (entropyValues instanceof Promise) {
-      return entropyValues.then(ua => ua.bitness);
-    }
+    // Apparently in some cases this is not a Promise, we can Promisify it.
+    return Promise.resolve(entropyValues)
+      .then(({ bitness }) => bitness)
+      .catch(() => undefined);
   }
 
   return undefined;