diff --git a/UNRELEASED.md b/UNRELEASED.md
index bf3d7fc7276..d71d858fa66 100644
--- a/UNRELEASED.md
+++ b/UNRELEASED.md
@@ -12,6 +12,8 @@
 
 ### Bug fixes
 
+- `MediaCard` add the correct `border-radius` to the container ([#2919](https://github.com/Shopify/polaris-react/pull/2919))
+
 ### Documentation
 
 ### Development workflow
diff --git a/src/components/MediaCard/MediaCard.scss b/src/components/MediaCard/MediaCard.scss
index d05cd56164e..3f68bb7366b 100644
--- a/src/components/MediaCard/MediaCard.scss
+++ b/src/components/MediaCard/MediaCard.scss
@@ -21,6 +21,20 @@ $portrait-breakpoint: 804px;
   &:not(.portrait) {
     flex-basis: 40%;
   }
+
+  @include breakpoint-after($portrait-breakpoint, inclusive) {
+    overflow: hidden;
+
+    &.portrait {
+      border-top-left-radius: border-radius();
+      border-top-right-radius: border-radius();
+    }
+
+    &:not(.portrait) {
+      border-top-left-radius: border-radius();
+      border-bottom-left-radius: border-radius();
+    }
+  }
 }
 
 .InfoContainer {