diff --git a/src/components/forms/AddSolutionForm.js b/src/components/forms/AddSolutionForm.js
index 655a120c95140484950b679196ef580fa444df4f..16e595c58f7ca6d47fed5f2e4a54873bee200160 100644
--- a/src/components/forms/AddSolutionForm.js
+++ b/src/components/forms/AddSolutionForm.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Modal, Button, Form, Input, TextArea, Icon, Header } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { addSolution, writeSolution, writeSolutionFile, addDocument, clearWrite } from '../../actions/homework';
+import './Forms.css';
 
 class AddSolutionForm extends Component {
   constructor(props) {
@@ -24,10 +25,10 @@ class AddSolutionForm extends Component {
       <Modal
         open={this.state.showModal}
         trigger={
-          <Button basic color='blue' onClick={() => { this.setState({ showModal: true }); }}>
+          <button id='task' onClick={() => { this.setState({ showModal: true }); }}>
             <Icon name='external' />
             {this.props.tasktitle}
-          </Button>
+          </button>
         }
       >
         <Modal.Header>
diff --git a/src/components/forms/Forms.css b/src/components/forms/Forms.css
new file mode 100644
index 0000000000000000000000000000000000000000..774b25c5fd6d3e553e17b5ea6a6ca21d5e5f75dd
--- /dev/null
+++ b/src/components/forms/Forms.css
@@ -0,0 +1,9 @@
+#task {
+  border: none;
+  background-color: inherit;
+  color: teal;
+}
+
+#task:hover {
+  color: red;
+}
diff --git a/src/components/forms/SolutionDetailsForm.js b/src/components/forms/SolutionDetailsForm.js
index 44857158865443e808c9f317365654119c8d7c45..f56dc4d4135ab1d616f2783ed567afbe20138629 100644
--- a/src/components/forms/SolutionDetailsForm.js
+++ b/src/components/forms/SolutionDetailsForm.js
@@ -3,6 +3,7 @@ import { Modal, Button, Header, Icon } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import CorrectSolutionForm from './CorrectSolutionForm';
 import { emptyMessage } from '../pages/Homework';
+import './Forms.css';
 
 class SolutionDetailsForm extends Component {
   constructor(props) {
@@ -42,10 +43,10 @@ class SolutionDetailsForm extends Component {
       <Modal
         open={this.state.showModal}
         trigger={
-          <Button basic color='blue' onClick={() => { this.setState({ showModal: true }); }}>
+          <button id='task' onClick={() => { this.setState({ showModal: true }); }}>
             <Icon name='external' />
             {this.props.tasktitle}
-          </Button>
+          </button>
         }
       >
         <Modal.Header>