From 504aa6f577558f7e624baf9b07fb87d44509b58e Mon Sep 17 00:00:00 2001
From: Konstantin Greif <kgreif@gitlab.com>
Date: Fri, 12 Sep 2025 10:25:18 +0200
Subject: [PATCH] Improve responsiveness

---
 .../homepage/components/pick_up_widget.vue    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/app/assets/javascripts/homepage/components/pick_up_widget.vue b/app/assets/javascripts/homepage/components/pick_up_widget.vue
index 7d081bc96e7d82..a6bff1cb551f55 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
-- 
GitLab