2 files changed, 3 insertions, 2 deletions
diff --git a/FrontEnd/src/views/common/button/IconButton.css b/FrontEnd/src/views/common/button/IconButton.css
index ef4dca00..45fb103c 100644
--- a/FrontEnd/src/views/common/button/IconButton.css
+++ b/FrontEnd/src/views/common/button/IconButton.css
@@ -1,7 +1,8 @@
 .cru-icon-button {
   color: var(--cru-theme-color);
   font-size: 1.4rem;
-  cursor: pointer;
+  background: none;
+  border: none;
 }
 
 .cru-icon-button.large {
diff --git a/FrontEnd/src/views/common/button/IconButton.tsx b/FrontEnd/src/views/common/button/IconButton.tsx
index ca12bf5a..652a8b09 100644
--- a/FrontEnd/src/views/common/button/IconButton.tsx
+++ b/FrontEnd/src/views/common/button/IconButton.tsx
@@ -15,7 +15,7 @@ export default function IconButton(props: IconButtonProps) {
   const { icon, color, className, large, ...otherProps } = props;
 
   return (
-    <i
+    <button
       className={classNames(
         "cru-icon-button",
         large && "large",