diff --git a/src/components/NiceButton/NiceButton.js b/src/components/NiceButton/NiceButton.js
index 1a9bb52..073a9af 100644
--- a/src/components/NiceButton/NiceButton.js
+++ b/src/components/NiceButton/NiceButton.js
@@ -1,6 +1,6 @@
 import PropTypes from "prop-types";
 import React from "react";
-
+import { Button } from "@mui/material";
 import styles from "./NiceButton.module.css";
 
 class NiceButton extends React.Component {
@@ -10,15 +10,13 @@ class NiceButton extends React.Component {
     const onClickParam = this.props.onClickParam;
 
     return (
-      <button
-        type="button"
+      <Button
+        variant="contained"
         data-onclickparam={onClickParam}
-        className={style}
-        style={extraStyling}
         onClick={this.props.onClick}
       >
         {this.props.children}
-      </button>
+      </Button>
     );
   }
 }