diff --git a/src/components/atoms/CardIconContainer/CardIconContainer.css b/src/components/atoms/CardIconContainer/CardIconContainer.css
deleted file mode 100644
index e623d16e..00000000
--- a/src/components/atoms/CardIconContainer/CardIconContainer.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.icon {
-  margin-top: 1em;
-}
diff --git a/src/components/atoms/CardIconContainer/CardIconContainer.js b/src/components/atoms/CardIconContainer/CardIconContainer.js
deleted file mode 100644
index 07c37d2f..00000000
--- a/src/components/atoms/CardIconContainer/CardIconContainer.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import styles from '!!raw-loader!./CardIconContainer.css';
-import varStyles from '!!raw-loader!../../../shared/variables.css';
-import bootstrapStyles from '!!raw-loader!../../../shared/themed-bootstrap.css';
-
-const template = document.createElement('template');
-
-template.innerHTML = `
-<div class="w-100 icon">
-  <slot></slot>
-</div>
-`;
-
-export default class CardIconContainer extends HTMLElement {
-  constructor() {
-    // Always call super constructor.
-    super();
-    // Create a shadow root.
-    this.attachShadow({ mode: 'open' });
-    this.shadowRoot.appendChild(template.content.cloneNode(true));
-  }
-
-  connectedCallback() {
-    // Add styles.
-    const bootStyles = document.createElement('style');
-    bootStyles.textContent = bootstrapStyles;
-    const variableStyles = document.createElement('style');
-    variableStyles.textContent = varStyles;
-    const itemStyles = document.createElement('style');
-    itemStyles.textContent = styles;
-    this.shadowRoot.appendChild(bootStyles);
-    this.shadowRoot.appendChild(variableStyles);
-    this.shadowRoot.appendChild(itemStyles);
-  }
-}
diff --git a/src/components/atoms/CardIconContainer/cod-card-icon-container.js b/src/components/atoms/CardIconContainer/cod-card-icon-container.js
deleted file mode 100644
index 4eb115ee..00000000
--- a/src/components/atoms/CardIconContainer/cod-card-icon-container.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import CardIconContainer from './CardIconContainer';
-
-customElements.define('cod-card-icon-container', CardIconContainer);
diff --git a/src/components/organisms/Card/Card.css b/src/components/organisms/Card/Card.css
index e69de29b..2f79d29d 100644
--- a/src/components/organisms/Card/Card.css
+++ b/src/components/organisms/Card/Card.css
@@ -0,0 +1,3 @@
+.top-icon {
+  margin-top: 1em;
+}
diff --git a/src/stories/clickable.stories.js b/src/stories/clickable.stories.js
index 95c1d0d2..df5f515b 100644
--- a/src/stories/clickable.stories.js
+++ b/src/stories/clickable.stories.js
@@ -1,7 +1,6 @@
 import { html } from 'lit-html';
 import '../components/atoms/Clickable/cod-clickable';
 import '../components/organisms/Card/cod-card';
-import '../components/atoms/CardIconContainer/cod-card-icon-container';
 import '../components/atoms/Icon/cod-icon';
 import '../components/atoms/CardBody/cod-card-body';
 
@@ -15,9 +14,9 @@ export const ActionButton = () => html`
       data-id="card-as-action-button"
       data-width="18em"
     >
-      <cod-card-icon-container>
+      <div class="w-100 top-icon">
         <cod-icon data-icon="house" data-size="x-large" />
-      </cod-card-icon-container>
+      </div>
       <cod-card-body>
         <h5 class="card-title">Do Something</h5>
         <p class="card-text">Like click on this card.</p>
@@ -32,9 +31,9 @@ export const ActionButtonSuccess = () => html`
       data-id="card-as-action-button"
       data-width="18em"
     >
-      <cod-card-icon-container>
+      <div class="w-100 top-icon">
         <cod-icon data-icon="house" data-size="x-large" />
-      </cod-card-icon-container>
+      </div>
       <cod-card-body>
         <h5 class="card-title">Do Something</h5>
         <p class="card-text">Like click on this card.</p>