diff --git a/package.json b/package.json
index 5a3b95b..00d4d25 100644
--- a/package.json
+++ b/package.json
@@ -24,14 +24,11 @@
   "homepage": "https://primer-addons.datalayer.tech",
   "dependencies": {
     "@datalayer/icons-react": "0.2.2",
-    "@primer/brand-primitives": "0.29.1",
     "@primer/octicons-react": "19.6.0",
     "@primer/react": "36.6.0",
-    "@primer/react-brand": "0.29.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-loading-skeleton": "3.3.1",
-    "styled-components": "5.3.10"
+    "react-loading-skeleton": "3.3.1"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^7.0.9",
diff --git a/src/components/card/Card.tsx b/src/components/card/Card.tsx
index 0718199..0a9e7cc 100644
--- a/src/components/card/Card.tsx
+++ b/src/components/card/Card.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import { Box, BoxProps, Octicon, Text } from "@primer/react";
-import { Icon } from "@primer/octicons-react";
 
 export type CardProps = Omit<BoxProps, 'border'> & {
   rounded?: 'small' | 'medium' | 'large' | 'full' | number;
@@ -11,7 +10,7 @@ export type CardProps = Omit<BoxProps, 'border'> & {
 export type CardHeaderProps = {
   title?: string;
   description?: string;
-  leadingIcon?: Icon;
+  leadingIcon?: React.ElementType;
   action?: React.ReactNode;
 }
 
diff --git a/src/components/closeable-flash/CloseableFlash.tsx b/src/components/closeable-flash/CloseableFlash.tsx
index 758d902..24c3874 100644
--- a/src/components/closeable-flash/CloseableFlash.tsx
+++ b/src/components/closeable-flash/CloseableFlash.tsx
@@ -1,9 +1,9 @@
 import { useState, FC } from "react";
 import { Box, Flash, FlashProps, Octicon, Text } from "@primer/react";
-import { Icon, XIcon } from "@primer/octicons-react";
+import { XIcon } from "@primer/octicons-react";
 
 export type CloseableFlashProps = FlashProps & {
-  leadingIcon?: Icon;
+  leadingIcon?: React.ElementType;
   onClose?: () => void;
 }