From 2e979e239925ca0b6480e83fdd93f085c022adb0 Mon Sep 17 00:00:00 2001
From: Piyush Tripathi <piyushtripathi9424@gmail.com>
Date: Wed, 21 Oct 2026 14:08:32 +0530
Subject: [PATCH] fix: prevent text overlap with ribbon in CaseStudyBanner on
 medium viewports

Signed-off-by: Piyush Tripathi <piyushtripathi9424@gmail.com>
---
 src/components/Case-study-banner/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Case-study-banner/index.js b/src/components/Case-study-banner/index.js
index 4d7f6dea6e890..88c34ddc31aa5 100644
--- a/src/components/Case-study-banner/index.js
+++ b/src/components/Case-study-banner/index.js
@@ -60,9 +60,11 @@ const BannerWrapper = styled.div`
       text-align: center;
       width: 80%;
       color: #fff;
+      padding: 0 3.5rem 0 1.5rem;
 
       @media screen and (max-width: 800px) {
         font-size: 1.25rem;
+        padding: 0 2.5rem 0 1rem;
       }
       @media screen and (max-width: 600px) {
         font-size: 1rem;