diff --git a/src/theme/DocItem/Metadata/index.tsx b/src/theme/DocItem/Metadata/index.tsx
index dae185edf2..55db8ac27f 100644
--- a/src/theme/DocItem/Metadata/index.tsx
+++ b/src/theme/DocItem/Metadata/index.tsx
@@ -28,9 +28,11 @@ export default function MetadataWrapper(props: Props): ReactNode {
 
     // Strip trailing slash from base URL to avoid double slashes
     const baseUrl = (siteConfig.url as string).replace(/\/$/, "");
-    const canonicalUrl = isDocumentationPage
-        ? `${baseUrl}/${siteConfig.customFields.latestVersion}${metadata.slug}`
-        : `${baseUrl}${permalink}`;
+    const canonicalUrl = (
+        isDocumentationPage
+            ? `${baseUrl}/${siteConfig.customFields.latestVersion}${metadata.slug}`
+            : `${baseUrl}${permalink}`
+    ).replace(/\/$/, "");
 
     const isHomepage = metadata.slug === "/";
     const description = metadata.description || frontMatter.description || "";