diff --git a/app/assets/javascripts/homepage/components/pick_up_widget.vue b/app/assets/javascripts/homepage/components/pick_up_widget.vue
index 7d081bc96e7d825f1705c3068cc3d6e7115c6fa2..a6bff1cb551f55cba9fc6540f1ac9ecf2a65448e 100644
--- a/app/assets/javascripts/homepage/components/pick_up_widget.vue
+++ b/app/assets/javascripts/homepage/components/pick_up_widget.vue
@@ -69,15 +69,17 @@ export default {
         </div>
 
         <div class="gl-flex gl-flex-wrap gl-items-center gl-gap-2">
-          <gl-sprintf
-            :message="
-              __('You published branch %{branchName}. Take the next step when you are ready.')
-            "
-          >
-            <template #branchName>
-              <code>{{ branchName }}</code>
-            </template>
-          </gl-sprintf>
+          <span>
+            <gl-sprintf
+              :message="
+                __('You published branch %{branchName}. Take the next step when you are ready.')
+              "
+            >
+              <template #branchName>
+                <code class="gl-break-all">{{ branchName }}</code>
+              </template>
+            </gl-sprintf>
+          </span>
         </div>
         <div class="gl-flex gl-space-x-2 gl-pt-3">
           <gl-button