Change self-destruct address decoration

src/components/DecoratedAddressLink.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
   faStar,
+  faBomb,
   faMoneyBillAlt,
   faBurn,
   faCoins,
@@ -53,6 +54,11 @@ const DecoratedAddresssLink: React.FC<DecoratedAddressLinkProps> = ({
           <FontAwesomeIcon icon={faStar} size="1x" />
         </span>
       )}
+      {selfDestruct && (
+        <span className="text-red-800" title="Self destruct">
+          <FontAwesomeIcon icon={faBomb} size="1x" />
+        </span>
+      )}
       {mint && (
         <span className="text-green-500" title="Mint address">
           <FontAwesomeIcon icon={faMoneyBillAlt} size="1x" />

src/components/InternalSelfDestruct.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
 import { ethers } from "ethers";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faAngleRight, faBomb } from "@fortawesome/free-solid-svg-icons";
+import { faAngleRight } from "@fortawesome/free-solid-svg-icons";
 import AddressHighlighter from "./AddressHighlighter";
 import DecoratedAddressLink from "./DecoratedAddressLink";
 import { RuntimeContext } from "../useRuntime";
@@ -28,10 +28,7 @@ const InternalSelfDestruct: React.FC<InternalSelfDestructProps> = ({
     <>
       <div className="flex items-baseline space-x-1 text-xs">
         <span className="text-gray-500">
-          <span className="text-red-900">
+          <FontAwesomeIcon icon={faAngleRight} size="1x" /> SELF DESTRUCT
-            <FontAwesomeIcon icon={faBomb} size="1x" />
-          </span>{" "}
-          SELF DESTRUCT
         </span>
         <span>Contract</span>
         <div className="flex items-baseline">