diff --git a/ui/components/PodCard.js b/ui/components/PodCard.js
index 59986f0..a25d753 100644
--- a/ui/components/PodCard.js
+++ b/ui/components/PodCard.js
@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
 import { Link } from '@reach/router';
 import PodStatus from './PodStatus';
 import GridCard from './GridCard';
-import CardIcon from './Icon';
+import Icon from './Icon';
 
 const PodTextContainer = styled.div`
   display: flex;
@@ -27,7 +27,7 @@ const PodButtons = styled.div`
   display: flex;
 `;
 
-const PodIcon = styled(CardIcon)`
+const PodIcon = styled(Icon)`
   margin-left: 16px;
 `;
 
diff --git a/ui/components/ServiceCard.js b/ui/components/ServiceCard.js
index d79e721..e54909b 100644
--- a/ui/components/ServiceCard.js
+++ b/ui/components/ServiceCard.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
 
 import GridCard from './GridCard';
-import CardIcon from './CardIcon';
+import Icon from './Icon';
 import { Link } from '@reach/router';
 
 const ServiceCardContainer = styled(GridCard)`
@@ -38,7 +38,7 @@ const ServiceCard = ({ name, clusterIP, publicIP }) => (
       <ServiceInfo>
         <span>{name}</span>
         <ServiceIPs>
-          <CardIcon
+          <Icon
             xmlns="http://www.w3.org/2000/svg"
             width="24"
             height="24"
@@ -46,10 +46,10 @@ const ServiceCard = ({ name, clusterIP, publicIP }) => (
           >
             <path fill="none" d="M0 0h24v24H0V0z" />
             <path d="M12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6m0-2C9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96C18.67 6.59 15.64 4 12 4z" />
-          </CardIcon>
+          </Icon>
           <span>{clusterIP}</span>
           {publicIP && (
-            <CardIcon
+            <Icon
               xmlns="http://www.w3.org/2000/svg"
               width="24"
               height="24"
@@ -57,7 +57,7 @@ const ServiceCard = ({ name, clusterIP, publicIP }) => (
             >
               <path fill="none" d="M0 0h24v24H0V0z" />
               <path d="M11 5v5.59H7.5l4.5 4.5 4.5-4.5H13V5h-2zm-5 9c0 3.31 2.69 6 6 6s6-2.69 6-6h-2c0 2.21-1.79 4-4 4s-4-1.79-4-4H6z" />
-            </CardIcon>
+            </Icon>
           )}
           {publicIP && <span>{publicIP}</span>}
         </ServiceIPs>