diff --git a/packages/orbit-components/src/Card/CardSection/components/Expandable.tsx b/packages/orbit-components/src/Card/CardSection/components/Expandable.tsx
index 6a76f32d72..1b48cb81be 100644
--- a/packages/orbit-components/src/Card/CardSection/components/Expandable.tsx
+++ b/packages/orbit-components/src/Card/CardSection/components/Expandable.tsx
@@ -3,12 +3,12 @@ import * as React from "react";
 import Slide from "../../../utils/Slide";
 import useBoundingRect from "../../../hooks/useBoundingRect";
 
-type Props = {
+interface Props {
   expanded?: boolean;
   children?: React.ReactNode;
   slideID: string;
   labelID: string;
-};
+}
 
 export default function Expandable({ expanded, children, slideID, labelID }: Props) {
   const [{ height }, ref] = useBoundingRect<HTMLDivElement>({ height: expanded ? null : 0 });
diff --git a/packages/orbit-components/src/Card/components/Header.tsx b/packages/orbit-components/src/Card/components/Header.tsx
index bf34a03fbf..7839f375b1 100644
--- a/packages/orbit-components/src/Card/components/Header.tsx
+++ b/packages/orbit-components/src/Card/components/Header.tsx
@@ -10,7 +10,7 @@ import Text from "../../Text";
 import Close from "../../icons/Close";
 import ButtonLink from "../../ButtonLink";
 
-type Props = {
+interface Props {
   description?: React.ReactNode;
   actions?: React.ReactNode;
   onClose?: Common.Event<React.SyntheticEvent<HTMLButtonElement | HTMLAnchorElement>>;
@@ -22,7 +22,7 @@ type Props = {
   expandable?: boolean;
   expanded?: boolean;
   header?: React.ReactNode;
-};
+}
 
 const Header = ({
   description,