diff --git a/src/components/coffeechat/CoffeeChatCard/index.tsx b/src/components/coffeechat/CoffeeChatCard/index.tsx
index 6e088b697..d340bcdc9 100644
--- a/src/components/coffeechat/CoffeeChatCard/index.tsx
+++ b/src/components/coffeechat/CoffeeChatCard/index.tsx
@@ -214,19 +214,12 @@ const Container = styled(m.div)<{ isEmptyData?: boolean; isBlurred?: boolean; is
   @media ${MB_BIG_MEDIA_QUERY} {
     gap: 4px;
     border-radius: 20px;
-    width: calc(100vw - 30px);
-    min-width: calc(100vw - 30px);
+    width: calc(100vw - 40px);
+    min-width: calc(100vw - 40px);
+    height:234px;
   }
+  
 
-  @media ${MB_MID_MEDIA_QUERY} {
-    width: 320px;
-    min-width: 320px;
-  }
-  @media ${MB_SM_MEDIA_QUERY} {
-    width: 280px;
-    min-width: 280px;
-    max-width: 280px;
-  }
 `;
 
 const Title = styled.div`
@@ -291,6 +284,7 @@ const ProfileSection = styled.div`
 const ImageBox = styled.div`
   position: relative;
   width: 70px;
+  min-width:70px;
   height: 70px;
   clip-path: circle(50%);
 `;
@@ -356,6 +350,9 @@ const TagSection = styled.div`
       font-size: 11px !important;
     }
   }
+  @media ${MB_BIG_MEDIA_QUERY}{
+    width:100%;
+  }
 `;
 
 const InfoSection = styled.div`
diff --git a/src/components/coffeechat/CoffeeRecentChatList/index.tsx b/src/components/coffeechat/CoffeeRecentChatList/index.tsx
index cbea98903..31d7e1245 100644
--- a/src/components/coffeechat/CoffeeRecentChatList/index.tsx
+++ b/src/components/coffeechat/CoffeeRecentChatList/index.tsx
@@ -369,15 +369,12 @@ const StyledScrollCarousel = styled(ScrollCarousel)`
   }
 
   @media ${MB_BIG_MEDIA_QUERY} {
-    width: 390px;
-    height: 298px;
-  }
-  @media ${MB_MID_MEDIA_QUERY} {
-    width: 320px;
-  }
-  @media ${MB_SM_MEDIA_QUERY} {
-    width: 280px;
+    padding-right:20px;
+    padding-left:20px;
+    width: 100%;
+    height: 100%;
   }
+
 `;
 
 export const CardContainer = styled.div`