4 files changed, 18 insertions, 5 deletions

diff --git a/src/components/licenses.module.css b/src/components/licenses.module.css
index 512efbb..8fe7e1f 100644
--- a/src/components/licenses.module.css
+++ b/src/components/licenses.module.css
@@ -4,6 +4,10 @@
  * SPDX-License-Identifier: MIT
  */
 
+.link {
+  white-space: nowrap;
+}
+
 .icon {
   vertical-align: text-top;
   width: 1em;
diff --git a/src/components/licenses.tsx b/src/components/licenses.tsx
index f038b5f..85b0cb2 100644
--- a/src/components/licenses.tsx
+++ b/src/components/licenses.tsx
@@ -15,7 +15,7 @@ export type LicenseLinkProps = LinkProps & { label?: string };
 
 export function LicenseLink({ children, label, ...props }: LicenseLinkProps) {
   return (
-    <Link {...props}>
+    <Link className={styles.link} {...props}>
       <Certificate weight="bold" aria-hidden="true" className={styles.icon} />
       <span className="sr-only">{label ?? 'License'}: </span>
       {children}
@@ -29,7 +29,7 @@ export function MITLicenseLink() {
 
 export function CCLicenseLink({ children, label, ...props }: LicenseLinkProps) {
   return (
-    <Link {...props}>
+    <Link className={styles.link} {...props}>
       <CreativeCommonsIcon className={styles.icon} hidden />
       <span className="sr-only">{label ?? 'Creative Commons license'}: </span>
       {children}
@@ -51,7 +51,7 @@ export function ClosedAccessLink({
   ...props
 }: LicenseLinkProps) {
   return (
-    <Link {...props}>
+    <Link className={styles.link} {...props}>
       <Lock weight="bold" aria-hidden="true" className={styles.icon} />
       <span className="sr-only">{label ?? 'Closed access'}: </span>
       {children}
diff --git a/src/theme/Footer/Copyright.jsx b/src/theme/Footer/Copyright.jsx
index 58afe0f..648bd42 100644
--- a/src/theme/Footer/Copyright.jsx
+++ b/src/theme/Footer/Copyright.jsx
@@ -12,6 +12,7 @@
  */
 
 import Link from '@docusaurus/Link';
+import clsx from 'clsx';
 import React from 'react';
 
 import { CCLicenseLink, LicenseLink } from '@site/src/components/licenses';
@@ -25,7 +26,7 @@ export default function FooterCopyright({ copyright }) {
       <CCLicenseLink
         to="/license#content"
         rel="license"
-        className={styles.link}
+        className={clsx(styles.link, styles['link--license'])}
       >
         CC-BY-4.0
       </CCLicenseLink>
@@ -34,7 +35,11 @@ export default function FooterCopyright({ copyright }) {
         code for this site
       </Link>{' '}
       is{' '}
-      <LicenseLink to="/license#code" rel="license" className={styles.link}>
+      <LicenseLink
+        to="/license#code"
+        rel="license"
+        className={clsx(styles.link, styles['link--license'])}
+      >
         MIT
       </LicenseLink>
       .<br />
diff --git a/src/theme/Footer/Copyright.module.css b/src/theme/Footer/Copyright.module.css
index 8bae599..23f11aa 100644
--- a/src/theme/Footer/Copyright.module.css
+++ b/src/theme/Footer/Copyright.module.css
@@ -13,3 +13,7 @@
   /* Make links stand out from the text even in dark mode. */
   --ifm-link-color: var(--ifm-color-emphasis-500);
 }
+
+.link--license {
+  white-space: nowrap;
+}