diff --git a/web/src/layout/common/Card.module.css b/web/src/layout/common/Card.module.css
index eec894a..97a3252 100644
--- a/web/src/layout/common/Card.module.css
+++ b/web/src/layout/common/Card.module.css
@@ -97,6 +97,7 @@
 
 .repoInfo {
   opacity: 75%;
+  min-width: 0;
 }
 
 .tooltipMessage {
@@ -206,7 +207,6 @@
   .repoInfo {
     font-size: 0.85rem;
     width: 100%;
-    min-width: 0;
   }
 
   .repoLink,
diff --git a/web/src/layout/common/Card.tsx b/web/src/layout/common/Card.tsx
index 5c6589a..92f9e73 100644
--- a/web/src/layout/common/Card.tsx
+++ b/web/src/layout/common/Card.tsx
@@ -283,28 +283,28 @@ const Card = (props: Props) => {
               <div className={`d-flex flex-row align-items-baseline ${styles.repoInfo}`}>
                 <div className="d-flex d-sm-none text-truncate">
                   <div className="d-flex flex-row align-items-center text-truncate">
-                    <FaGithub className="me-2" />
+                    <FaGithub className="flex-shrink-0 me-2" />
                     <div
                       className={`text-uppercase text-nowrap fw-bold text-truncate position-relative ${styles.repoName}`}
                     >
                       {props.issue.repository.name}
                     </div>
-                    <FiExternalLink className="d-none d-md-block ms-2" />
+                    <FiExternalLink className="d-none d-md-block ms-2 flex-shrink-0" />
                   </div>
                 </div>
                 <ExternalLink
-                  className={`d-none d-sm-flex btn btn-link p-0 ${styles.repoLink}`}
+                  className={`d-none d-sm-flex btn btn-link p-0 text-truncate ${styles.repoLink}`}
                   label={`Repo ${props.issue.repository.name} link`}
                   href={props.issue.repository.url}
                 >
-                  <div className="d-flex flex-row align-items-center">
-                    <FaGithub className="me-2" />
+                  <div className="d-flex flex-row align-items-center text-truncate">
+                    <FaGithub className="flex-shrink-0 me-2" />
                     <div
                       className={`text-uppercase text-nowrap fw-bold text-truncate position-relative ${styles.repoName}`}
                     >
                       {props.issue.repository.name}
                     </div>
-                    <FiExternalLink className="d-none d-md-block ms-2" />
+                    <FiExternalLink className="d-none d-md-block ms-2 flex-shrink-0" />
                   </div>
                 </ExternalLink>