use hero-icons, instead of styled-icons/heroicons

1 files changed, 2 insertions, 2 deletions

diff --git a/extension/react-app/src/components/UserInputContainer.tsx b/extension/react-app/src/components/UserInputContainer.tsx
index 0ff3e74f..ed11851f 100644
--- a/extension/react-app/src/components/UserInputContainer.tsx
+++ b/extension/react-app/src/components/UserInputContainer.tsx
@@ -3,7 +3,7 @@ import ReactMarkdown from "react-markdown";
 import styled from "styled-components";
 import { buttonColor, secondaryDark, vscBackground } from ".";
 import HeaderButtonWithText from "./HeaderButtonWithText";
-import { Play, XMark } from "@styled-icons/heroicons-outline";
+import { XMarkIcon } from "@heroicons/react/24/outline";
 import { RootStore } from "../redux/store";
 import { useSelector } from "react-redux";
 import { HistoryNode } from "../../../schema/HistoryNode";
@@ -37,7 +37,7 @@ const UserInputContainer = (props: UserInputContainerProps) => {
           }}
           text="Delete"
         >
-          <XMark size="1.6em" />
+          <XMarkIcon className="h-6 w-6" />
         </HeaderButtonWithText>
       </div>
     </StyledDiv>