diff --git a/components/InactivityNoticeCard.tsx b/components/InactivityNoticeCard.tsx
index 84040a2..c548c97 100644
--- a/components/InactivityNoticeCard.tsx
+++ b/components/InactivityNoticeCard.tsx
@@ -6,7 +6,6 @@ import {
   CardFooter,
   CardHeader,
   Heading,
-  Icon,
   ListItem,
   Stack,
   StackDivider,
@@ -49,15 +48,15 @@ export default function (props: InactivityNoticeProps) {
   }
 
   const Approved = () => (
-    <Icon fill="currentColor" height="16" viewBox="0 0 16 16" width="16">
+    <svg fill="currentColor" height="16" viewBox="0 0 16 16" width="16">
       <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" />
-    </Icon>
+    </svg>
   );
 
   const Denied = () => (
-    <Icon fill="currentColor" height="16" viewBox="0 0 16 16" width="16">
+    <svg fill="currentColor" height="16" viewBox="0 0 16 16" width="16">
       <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z" />
-    </Icon>
+    </svg>
   );
 
   return (