diff --git a/src/app/cdk/side-bar/side-bar-id/side-bar-id.component.scss b/src/app/cdk/side-bar/side-bar-id/side-bar-id.component.scss
index be0a896cba..2e10d80e8e 100644
--- a/src/app/cdk/side-bar/side-bar-id/side-bar-id.component.scss
+++ b/src/app/cdk/side-bar/side-bar-id/side-bar-id.component.scss
@@ -25,7 +25,12 @@
   }
   .id {
     display: inline-grid;
+    max-width: 100%;
+    span {
+      overflow-wrap: anywhere;
+    }
     .orcid-id {
+      overflow-wrap: anywhere;
       margin: 0;
     }
   }