From 0e900a73726d70130e66d5fc237ec6d1fad6c77a Mon Sep 17 00:00:00 2001
From: Ram Shukla <codewithrex@gmail.com>
Date: Fri, 23 Jan 2026 00:44:39 +0530
Subject: [PATCH] fix: Upgradetip text overlapping fixed (#27118)

* fixed text issue

* matched style of api keys page

* made changes to the upgradetip

* made changes to the upgradetip

* made changes to the upgradetip

* Refactor TextField component properties

---------

Co-authored-by: Pallav <90088723+pallava-joshi@users.noreply.github.com>
---
 apps/web/modules/shell/UpgradeTip.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/modules/shell/UpgradeTip.tsx b/apps/web/modules/shell/UpgradeTip.tsx
index 8545182bdc..05f4e45db5 100644
--- a/apps/web/modules/shell/UpgradeTip.tsx
+++ b/apps/web/modules/shell/UpgradeTip.tsx
@@ -49,12 +49,12 @@ export function UpgradeTip({
           {" "}
                     <source srcSet={imageSrc} media="(prefers-color-scheme: dark)" />
           <img
- className="absolute min-h-full w-full select-none rounded-lg object-cover object-left md:object-center"            src={imageSrc}
+ className="absolute min-h-full w-full select-none rounded-lg object-cover object-left md:object-[45%_30%] lg:object-center"            src={imageSrc}
             loading="lazy"
             alt={title}
           />
         </picture>
-         <div className="relative my-4 w-full px-4 pb-4 sm:px-8 md:px-14">
+         <div className="relative my-4 w-full px-4 pb-4 sm:px-8 md:px-8 lg:px-14">
           <h1 className={classNames("font-cal mt-4 text-2xl sm:text-3xl")}>{title}</h1>
           <p className={classNames("mb-8 mt-4 max-w-sm text-sm sm:text-base")}>{description}</p>
           {buttons}