diff --git a/packages/web-components/fast-components/docs/api-report.md b/packages/web-components/fast-components/docs/api-report.md
index 2f57f6b9095..5e98017f289 100644
--- a/packages/web-components/fast-components/docs/api-report.md
+++ b/packages/web-components/fast-components/docs/api-report.md
@@ -14,7 +14,6 @@ import { BreadcrumbItem } from '@microsoft/fast-foundation';
 import { Button } from '@microsoft/fast-foundation';
 import { Checkbox } from '@microsoft/fast-foundation';
 import { ColorRGBA64 } from '@microsoft/fast-colors';
-import { DesignSystem } from '@microsoft/fast-components-styles-msft';
 import { DesignSystemProvider } from '@microsoft/fast-foundation';
 import { Dialog } from '@microsoft/fast-foundation';
 import { Direction } from '@microsoft/fast-web-utilities';
@@ -270,14 +269,14 @@ export class FASTButton extends Button {
 }
 
 // @public
-export class FASTCard extends DesignSystemProvider implements Pick<DesignSystem, "backgroundColor" | "neutralPalette"> {
+export class FASTCard extends DesignSystemProvider implements Pick<FASTDesignSystem, "backgroundColor" | "neutralPalette"> {
     // @internal (undocumented)
     backgroundColor: string;
     cardBackgroundColor: string;
     // (undocumented)
     connectedCallback(): void;
     // @internal (undocumented)
-    handleChange(source: DesignSystem, name: string): void;
+    handleChange(source: FASTDesignSystem, name: string): void;
     // @internal
     neutralPalette: string[];
 }
diff --git a/packages/web-components/fast-components/src/card/index.ts b/packages/web-components/fast-components/src/card/index.ts
index 28aa4b276ae..063332e1d9c 100644
--- a/packages/web-components/fast-components/src/card/index.ts
+++ b/packages/web-components/fast-components/src/card/index.ts
@@ -1,14 +1,13 @@
-import { customElement } from "@microsoft/fast-element";
-import { attr, Notifier, Observable } from "@microsoft/fast-element";
+import { parseColorHexRGB } from "@microsoft/fast-colors";
+import { attr, customElement, Notifier, Observable } from "@microsoft/fast-element";
 import {
     designSystemProperty,
     DesignSystemProvider,
-    Card,
     CardTemplate as template,
 } from "@microsoft/fast-foundation";
+import { FASTDesignSystem } from "../fast-design-system";
+import { createColorPalette, neutralFillCard } from "../color";
 import { CardStyles as styles } from "./card.styles";
-import { parseColorHexRGB } from "@microsoft/fast-colors";
-import { createColorPalette, FASTDesignSystem, neutralFillCard } from "../index";
 
 const paletteCache = new Map();