From 6627b626f8a3051a42c3fee5d513947d0d48d56b Mon Sep 17 00:00:00 2001
From: Tim <timbonicus@gmail.com>
Date: Thu, 5 Nov 2020 04:11:00 -0700
Subject: [PATCH] Fix double divider on InfoCard (#3240)

Changeset

Co-authored-by: Tim Hansen <timbonicush@spotify.com>
---
 .changeset/silent-dodos-repeat.md             |  5 +++
 .../core/src/layout/InfoCard/InfoCard.tsx     | 33 +++++++++----------
 2 files changed, 20 insertions(+), 18 deletions(-)
 create mode 100644 .changeset/silent-dodos-repeat.md

diff --git a/.changeset/silent-dodos-repeat.md b/.changeset/silent-dodos-repeat.md
new file mode 100644
index 0000000000..04978406f3
--- /dev/null
+++ b/.changeset/silent-dodos-repeat.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core': patch
+---
+
+Fix divider prop not respected on InfoCard
diff --git a/packages/core/src/layout/InfoCard/InfoCard.tsx b/packages/core/src/layout/InfoCard/InfoCard.tsx
index d13a94375f..5d77f4f34a 100644
--- a/packages/core/src/layout/InfoCard/InfoCard.tsx
+++ b/packages/core/src/layout/InfoCard/InfoCard.tsx
@@ -143,7 +143,7 @@ type Props = {
 export const InfoCard = ({
   title,
   subheader,
-  divider,
+  divider = true,
   deepLink,
   slackChannel = '#backstage',
   variant,
@@ -190,23 +190,20 @@ export const InfoCard = ({
     <Card style={calculatedStyle} className={className}>
       <ErrorBoundary slackChannel={slackChannel}>
         {title && (
-          <>
-            <CardHeader
-              classes={{
-                root: classes.header,
-                title: classes.headerTitle,
-                subheader: classes.headerSubheader,
-                avatar: classes.headerAvatar,
-                action: classes.headerAction,
-                content: classes.headerContent,
-              }}
-              title={title}
-              subheader={subheader}
-              style={{ ...headerStyle }}
-              {...headerProps}
-            />
-            <Divider />
-          </>
+          <CardHeader
+            classes={{
+              root: classes.header,
+              title: classes.headerTitle,
+              subheader: classes.headerSubheader,
+              avatar: classes.headerAvatar,
+              action: classes.headerAction,
+              content: classes.headerContent,
+            }}
+            title={title}
+            subheader={subheader}
+            style={{ ...headerStyle }}
+            {...headerProps}
+          />
         )}
         {actionsTopRight && (
           <CardActionsTopRight>{actionsTopRight}</CardActionsTopRight>