diff --git a/client/src/components/ui/rich-text.tsx b/client/src/components/ui/rich-text.tsx
index 2be7581..efc810e 100644
--- a/client/src/components/ui/rich-text.tsx
+++ b/client/src/components/ui/rich-text.tsx
@@ -16,7 +16,7 @@ const RichText = ({ children, className }: RichTextProps) => {
     <Markdown
       components={{
         a: (props) => (
-          <a {...omit(props, "node")} target="_blank" className="underline">
+          <a {...omit(props, "node")} target="_blank" className="break-all underline">
             {props.children}
           </a>
         ),
diff --git a/client/src/containers/datasets/info.tsx b/client/src/containers/datasets/info.tsx
index 9ecc8cc..2e4f174 100644
--- a/client/src/containers/datasets/info.tsx
+++ b/client/src/containers/datasets/info.tsx
@@ -41,7 +41,7 @@ const DatasetInfo = ({ citations, info, title, ...props }: DatsetInfoProps) => {
                         href={citation?.url}
                         target="_blank"
                         rel="noopener noreferrer"
-                        className="underline"
+                        className="break-all underline"
                       >
                         {citation?.url}
                       </a>