From cf06ebb3234df43ab99fdd03f772ee68b66a6d97 Mon Sep 17 00:00:00 2001
From: PKulkoRaccoonGang <peter.kulko@raccoongang.com>
Date: Thu, 3 Aug 2023 13:23:20 +0300
Subject: [PATCH 1/2] fix: fixed rounded corners for Card.ImageCap component

---
 src/Card/index.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/Card/index.scss b/src/Card/index.scss
index 223b81a8ec..ca53f28101 100644
--- a/src/Card/index.scss
+++ b/src/Card/index.scss
@@ -294,6 +294,8 @@ a.pgn__card {
     object-fit: cover;
     max-height: inherit;
     width: 100%;
+    border-top-left-radius: $card-image-border-radius;
+    border-top-right-radius: $card-image-border-radius;
     display: none;
 
     &.show {
@@ -312,6 +314,9 @@ a.pgn__card {
       .pgn__card-image-cap {
         height: 100%;
         max-width: inherit;
+        border-top-left-radius: $card-image-border-radius;
+        border-top-right-radius: 0;
+        border-bottom-left-radius: $card-image-border-radius;
         width: auto;
         object-fit: cover;
       }
@@ -339,6 +344,8 @@ a.pgn__card {
         position: relative;
         top: -$loading-skeleton-spacer;
         height: 100%;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
       }
     }
 

From e25a5aa2e5661ad94feaeeab69aa648f2ad9ad65 Mon Sep 17 00:00:00 2001
From: PKulkoRaccoonGang <peter.kulko@raccoongang.com>
Date: Thu, 3 Aug 2023 21:59:49 +0300
Subject: [PATCH 2/2] refactor: refactoring after review

---
 src/Card/index.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/Card/index.scss b/src/Card/index.scss
index ca53f28101..c462b41873 100644
--- a/src/Card/index.scss
+++ b/src/Card/index.scss
@@ -88,6 +88,7 @@ a.pgn__card {
 
 .pgn__card {
   outline: none;
+  overflow: hidden;
 
   @include pgn-box-shadow(1, "down");
 
@@ -294,8 +295,6 @@ a.pgn__card {
     object-fit: cover;
     max-height: inherit;
     width: 100%;
-    border-top-left-radius: $card-image-border-radius;
-    border-top-right-radius: $card-image-border-radius;
     display: none;
 
     &.show {
@@ -314,9 +313,6 @@ a.pgn__card {
       .pgn__card-image-cap {
         height: 100%;
         max-width: inherit;
-        border-top-left-radius: $card-image-border-radius;
-        border-top-right-radius: 0;
-        border-bottom-left-radius: $card-image-border-radius;
         width: auto;
         object-fit: cover;
       }