fix apply button not visible on mobile

jobstash · Aug 30, 2024 · 2e1479c · 2e1479c
1 parent b6efbe5
commit 2e1479c
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/grants/components/grant-card/full-grant-card.tsx b/src/grants/components/grant-card/full-grant-card.tsx
@@ -36,7 +36,7 @@ export const FullGrantCard = ({ grant }: Props) => {
 
   return (
     <div
-      className="lg:rounded-t-0 flex max-h-[500px] items-center justify-between gap-6 overflow-hidden rounded-b-lg bg-gradient-to-b from-gradient-1/0  to-white/15 p-6 text-13 transition-all duration-700 lg:rounded-b-20  lg:p-5"
+      className="lg:rounded-t-0 flex max-h-[500px] flex-wrap items-center justify-between gap-6 overflow-hidden rounded-b-lg bg-gradient-to-b from-gradient-1/0 to-white/15  p-6 text-13 transition-all duration-700 lg:flex-nowrap lg:rounded-b-20  lg:p-5"
       data-uuid={slug}
       data-testid={GRANT_TEST_IDS.GRANT_CARD}
     >
@@ -77,8 +77,8 @@ export const FullGrantCard = ({ grant }: Props) => {
         )}
       </div>
 
-      <div className="hidden flex-col gap-4 lg:flex">
-        <div className="flex size-[144px] items-center justify-center overflow-hidden rounded-xl">
+      <div className="flex w-full flex-col gap-4 lg:w-fit">
+        <div className="hidden size-[144px] items-center justify-center overflow-hidden rounded-xl lg:flex">
           <Avatar
             classNames={{
               base: 'bg-black w-8 h-8 rounded h-[144px] w-[144px]',