diff --git a/src/routes/console/project-[project]/functions/function-[function]/deploymentSource.svelte b/src/routes/console/project-[project]/functions/function-[function]/deploymentSource.svelte
index 83e4f4e7e..2d64f7a03 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/deploymentSource.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/deploymentSource.svelte
@@ -16,7 +16,11 @@
         </button>
         <svelte:fragment slot="list">
             <DropListLink href={deployment.providerRepositoryUrl} external icon="github" iconStyle="font-size:20px">
-                {deployment.providerRepositoryOwner}/{deployment.providerRepositoryName}
+                <Trim alternativeTrim>
+                    <span style="white-space: pre-wrap">
+                        {deployment.providerRepositoryOwner}/{deployment.providerRepositoryName}
+                    </span>
+                </Trim>
             </DropListLink>
             <DropListLink href={deployment.providerBranchUrl} external icon="git-branch" iconStyle="font-size:20px">
                 {deployment.providerBranch}
@@ -24,8 +28,10 @@
             {#if deployment?.providerCommitMessage && deployment?.providerCommitHash && deployment?.providerCommitUrl}
                 <DropListLink href={deployment.providerCommitUrl} external icon="git-commit" iconStyle="font-size:20px">
                     <Trim alternativeTrim>
-                        {deployment?.providerCommitHash?.substring(0, 7)}
-                        {deployment.providerCommitMessage}
+                        <span style="white-space: pre-wrap">
+                            {deployment?.providerCommitHash?.substring(0, 7)}
+                            {deployment.providerCommitMessage}
+                        </span>
                     </Trim>
                 </DropListLink>
             {/if}