diff --git a/src/components/pages/projectDetails/projectDetailsPage.tsx b/src/components/pages/projectDetails/projectDetailsPage.tsx
index 586c6f3f..b91fa3b2 100644
--- a/src/components/pages/projectDetails/projectDetailsPage.tsx
+++ b/src/components/pages/projectDetails/projectDetailsPage.tsx
@@ -5,6 +5,8 @@ import dayjs from '@/lib/dayjs';
import { CopyToClipboard, DetailedStats } from '@uselagoon/ui-library';
import giturlparse from 'git-url-parse';
+import { StyledGitLink } from './styles';
+
interface ProjectDetailsProps {
project: ProjectDetailsData['project'];
}
@@ -32,15 +34,15 @@ export default function ProjectDetailsPage(props: ProjectDetailsProps) {
key: 'origin',
label: 'ORIGIN',
children: (
-
+
{gitLink}
-
+
),
},
{
key: 'giturl',
label: 'GIT URL',
- children: ,
+ children: ,
},
{
key: 'branches',
diff --git a/src/components/pages/projectDetails/styles.tsx b/src/components/pages/projectDetails/styles.tsx
new file mode 100644
index 00000000..eb9d5985
--- /dev/null
+++ b/src/components/pages/projectDetails/styles.tsx
@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+
+export const StyledGitLink = styled.a`
+ word-wrap: break-word;
+ color: inherit;
+`;
diff --git a/yarn.lock b/yarn.lock
index 159d6a85..bc3c627c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3412,7 +3412,7 @@
"@uselagoon/ui-library@github:uselagoon/ui-library":
version "1.1.2"
- resolved "https://codeload.github.com/uselagoon/ui-library/tar.gz/1057ec867fbaa76898fb82b493ff806fab1e8aa2"
+ resolved "https://codeload.github.com/uselagoon/ui-library/tar.gz/ad2699ae17d334a2900c70cf92b6e2cd32caa849"
dependencies:
dayjs "^1.11.13"
react-highlight-words "^0.20.0"
@@ -10323,6 +10323,7 @@ wordwrap@^1.0.0:
integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+ name wrap-ansi-cjs
version "7.0.0"
resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==