diff --git a/src/common/dialogs/delete-dialog.js b/src/common/dialogs/delete-dialog.js
index 8d114f4..179b3cd 100644
--- a/src/common/dialogs/delete-dialog.js
+++ b/src/common/dialogs/delete-dialog.js
@@ -42,7 +42,7 @@ class DeleteDialog extends React.Component {
             </Modal.Body>
 
             <Modal.Footer>
-                <Button onClick={() => this.props.onClose(false)}>Cancel</Button>
+                <Button style={{backgroundColor: '#527984', borderColor: '#527984'}} onClick={() => this.props.onClose(false)}>Cancel</Button>
                 <Button variant="danger" onClick={() => this.props.onClose(true)}>Delete</Button>
             </Modal.Footer>
         </Modal>;
diff --git a/src/dashboard/edit-dashboard.js b/src/dashboard/edit-dashboard.js
index cb062ce..2df61bf 100644
--- a/src/dashboard/edit-dashboard.js
+++ b/src/dashboard/edit-dashboard.js
@@ -73,7 +73,7 @@ class EditDashboardDialog extends React.Component {
     return (
       <Dialog show={this.props.show} title="Edit Dashboard" buttonTitle="Save" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
         <form>
-          <FormGroup controlId="name" validationstate={this.validateForm('name')}>
+          <FormGroup controlId="name" valid={this.validateForm('name')}>
             <FormLabel>Name</FormLabel>
             <FormControl type="text" placeholder="Enter name" value={this.state.name} onChange={(e) => this.handleChange(e)} />
             <FormControl.Feedback />
diff --git a/src/dashboard/new-dashboard.js b/src/dashboard/new-dashboard.js
index 6f4b9da..a023ba4 100644
--- a/src/dashboard/new-dashboard.js
+++ b/src/dashboard/new-dashboard.js
@@ -69,7 +69,7 @@ class NewDashboardDialog extends React.Component {
     return (
       <Dialog show={this.props.show} title="New Dashboard" buttonTitle="Add" onClose={(c) => this.onClose(c)} onReset={() => this.resetState()} valid={this.valid}>
         <form>
-          <FormGroup controlId="name" validationstate={this.validateForm('name')}>
+          <FormGroup controlId="name" valid={this.validateForm('name')}>
             <FormLabel>Name</FormLabel>
             <FormControl type="text" placeholder="Enter name" value={this.state.name} onChange={(e) => this.handleChange(e)} />
             <FormControl.Feedback />
diff --git a/src/ic/ics.js b/src/ic/ics.js
index 2bf666f..2074f5d 100644
--- a/src/ic/ics.js
+++ b/src/ic/ics.js
@@ -320,7 +320,7 @@ class InfrastructureComponents extends Component {
     let ic = this.state.ics.find(ic => ic.name === name);
     let index = this.state.ics.indexOf(ic);
     if(ic.type === "villas-node" || ic.type === "villas-relay"){
-      return <Button variant="link" onClick={() => this.setState({ icModal: true, modalIC: ic, modalIndex: index })}>{name}</Button>    }
+      return <Button variant="link" style={{color: '#047cab'}} onClick={() => this.setState({ icModal: true, modalIC: ic, modalIndex: index })}>{name}</Button>    }
     else{
       return <span>{name}</span>
     }
diff --git a/src/ic/import-ic.js b/src/ic/import-ic.js
index bde1d9a..a165af6 100644
--- a/src/ic/import-ic.js
+++ b/src/ic/import-ic.js
@@ -118,7 +118,7 @@ class ImportICDialog extends React.Component {
             <FormControl type="file" onChange={(e) => this.loadFile(e.target.files)} />
           </FormGroup>
 
-          <FormGroup controlId="name" validationState={this.validateForm('name')}>
+          <FormGroup controlId="name" valid={this.validateForm('name')}>
             <FormLabel>Name</FormLabel>
             <FormControl type="text" placeholder="Enter name" value={this.state.name} onChange={(e) => this.handleChange(e)} />
             <FormControl.Feedback />
@@ -128,7 +128,7 @@ class ImportICDialog extends React.Component {
             <FormControl type="text" placeholder="Enter websocketurl" value={this.state.websocketurl} onChange={(e) => this.handleChange(e)} />
             <FormControl.Feedback />
           </FormGroup>
-          <FormGroup controlId="uuid" validationState={this.validateForm('uuid')}>
+          <FormGroup controlId="uuid" valid={this.validateForm('uuid')}>
             <FormLabel>UUID</FormLabel>
             <FormControl type="text" placeholder="Enter uuid" value={this.state.uuid} onChange={(e) => this.handleChange(e)} />
             <FormControl.Feedback />
diff --git a/src/scenario/scenario.js b/src/scenario/scenario.js
index 3e6bf83..185590a 100644
--- a/src/scenario/scenario.js
+++ b/src/scenario/scenario.js
@@ -604,7 +604,7 @@ class Scenario extends React.Component {
     const altButtonStyle = {
       marginLeft: '10px',
       backgroundColor: '#ffffff',
-      borderColor: 'ffffff'
+      borderColor: '#ffffff'
     }
 
     const tableHeadingStyle = {
diff --git a/src/styles/app.css b/src/styles/app.css
index a2d887d..c607fb0 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -388,3 +388,7 @@ body {
 .badge-outdated {
   opacity: 0.4;
 }
+
+a:link, a:active, a:visited , a:hover {
+  color: #047cab  ;
+}
diff --git a/src/user/user.js b/src/user/user.js
index 974f7f2..72428ba 100644
--- a/src/user/user.js
+++ b/src/user/user.js
@@ -140,12 +140,12 @@ class User extends Component {
           <form>
 
             <Row>
-              <FormGroup as={Col} sm={2} controlId="username">
+              <FormGroup as={Col} sm={2} controlId="details">
                 <div style={{ alignItems: 'right' }}>Username:</div>
                 <div style={{ alignItems: 'right' }}>E-mail:</div>
                 <div style={{ alignItems: 'right' }}>Role:</div>
               </FormGroup>
-              <FormGroup as={Col} sm={3} constrolId="whatever" >
+              <FormGroup as={Col} sm={3} controlId="information" >
                 <div> {this.state.currentUser.username}</div>
                 <div>{this.state.currentUser.mail}</div>
                 <div>{this.state.currentUser.role}</div>