Fix license link line breaks

2 files changed, 7 insertions, 3 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}