From 3a83b2a084a6b6383189db658340f9801721ae86 Mon Sep 17 00:00:00 2001
From: Peter Kulko <93188219+PKulkoRaccoonGang@users.noreply.github.com>
Date: Fri, 11 Aug 2023 14:47:00 +0300
Subject: [PATCH] fix: fixed border-radius of the card img (#2511)

---
 src/Card/_variables.scss | 2 +-
 src/Card/index.scss      | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Card/_variables.scss b/src/Card/_variables.scss
index 0d9ed7a08d..71b94e3d53 100644
--- a/src/Card/_variables.scss
+++ b/src/Card/_variables.scss
@@ -41,7 +41,7 @@ $card-logo-bottom-offset-horizontal: .4375rem !default;
 $card-logo-width:                    7.25rem !default;
 $card-logo-height:                   4.125rem !default;
 
-$card-image-border-radius:           .3125rem !default;
+$card-image-border-radius:           $card-border-radius !default;
 $card-logo-border-radius:            .25rem !default;
 
 $card-footer-text-font-size:         $x-small-font-size;
diff --git a/src/Card/index.scss b/src/Card/index.scss
index c462b41873..ca53f28101 100644
--- a/src/Card/index.scss
+++ b/src/Card/index.scss
@@ -88,7 +88,6 @@ a.pgn__card {
 
 .pgn__card {
   outline: none;
-  overflow: hidden;
 
   @include pgn-box-shadow(1, "down");
 
@@ -295,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 {
@@ -313,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;
       }