From ba451b5ce3bead11ac3478c9e40f9cc3d6dea32e Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Tue, 17 Mar 2026 15:16:26 +0000
Subject: [PATCH] Fix mobile wrapping for earn bounty actions

Co-authored-by: Kobe Attias <kobeattias@gmail.com>
---
 components/Bounty/BountyInfo.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Bounty/BountyInfo.tsx b/components/Bounty/BountyInfo.tsx
index aaff85a93..444a2de09 100644
--- a/components/Bounty/BountyInfo.tsx
+++ b/components/Bounty/BountyInfo.tsx
@@ -216,8 +216,8 @@ export const BountyInfo: FC<BountyInfoProps> = ({
         onKeyDown={(e) => e.stopPropagation()}
         onClick={(e) => e.stopPropagation()}
       >
-        <div className="flex items-center justify-between gap-4">
-          <div className="flex items-start gap-6 min-w-0">
+        <div className="flex flex-wrap items-start justify-between gap-3">
+          <div className="flex min-w-0 flex-1 basis-56 flex-wrap items-start gap-x-6 gap-y-3">
             <div className="flex flex-col leading-tight whitespace-nowrap">
               <span className="text-xs text-gray-500 uppercase tracking-wide">{bountyLabel}</span>
               <span className="font-mono font-semibold text-primary-600 text-xl">
@@ -236,7 +236,7 @@ export const BountyInfo: FC<BountyInfoProps> = ({
                 <span className="text-xs text-gray-500 uppercase tracking-wide mb-1">Deadline</span>
                 <div className="flex items-center gap-1.5">
                   <Clock size={14} className="text-gray-500 flex-shrink-0" />
-                  <span className="text-sm font-medium text-gray-700 whitespace-nowrap">
+                  <span className="text-sm font-medium text-gray-700">
                     {deadlineLabel}
                   </span>
                 </div>
@@ -251,7 +251,7 @@ export const BountyInfo: FC<BountyInfoProps> = ({
             )}
           </div>
 
-          <div className="flex items-center gap-2 flex-shrink-0">
+          <div className="ml-auto flex flex-wrap items-center justify-end gap-2 flex-shrink-0">
             <Button
               variant="outlined"
               size="sm"