diff --git a/src/components/IntegratedStrategy.tsx b/src/components/IntegratedStrategy.tsx
index 5519f1d..92a6fdc 100644
--- a/src/components/IntegratedStrategy.tsx
+++ b/src/components/IntegratedStrategy.tsx
@@ -359,10 +359,10 @@ const IntegratedStrategy = () => {
   )
 
   return (
-    <div className="p-2 bg-gray-50">
+    <div className="p-2 ">
       <div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
         {columns.map((column, index) => (
-          <div key={index} className="bg-[#f6f6fa] rounded-lg">
+          <div key={index} className="bg-[#f6f6fa] rounded-xl">
             <div className="  p-4 rounded-t-lg border-0 rounded-b-xl"> 
               {/* shadow-[0_4px_8px_0_rgba(0,0,0,0.08)] */}
               <div className="flex items-center justify-between">
@@ -375,7 +375,7 @@ const IntegratedStrategy = () => {
                 {column.date && <span className="text-sm text-gray-500 font-medium">{column.date}</span>}
               </div>
             </div>
-            <div className=' custom-scrollbar rounded-xl ' style={{ border: 0}}>
+            <div className=' custom-scrollbar rounded-xl px-1' style={{ border: 0}}>
               {column.categories.map((category, categoryIndex) => (
                 <CategorySection key={categoryIndex} category={category} />
               ))}