diff --git a/frontend/src/component/feature/form/strategies-add.jsx b/frontend/src/component/feature/form/strategies-add.jsx
index 7d3a1bef6b..0b2dc3c8c1 100644
--- a/frontend/src/component/feature/form/strategies-add.jsx
+++ b/frontend/src/component/feature/form/strategies-add.jsx
@@ -37,9 +37,8 @@ class AddStrategy extends React.Component {
         };
         return (
             <div style={{ position: 'relative', width: '25px', height: '25px', display: 'inline-block' }} >
-                <IconButton name="add" id="strategies-add" colored title="Sort" onClick={this.stopPropagation}/>
-                <Menu target="strategies-add" valign="bottom" align="right" ripple style={menuStyle} onClick={
-                    (e) => this.setSort(e.target.getAttribute('data-target'))}>
+                <IconButton name="add" id="strategies-add" raised accent title="Add Strategy" onClick={this.stopPropagation}/>
+                <Menu target="strategies-add" valign="bottom" align="right" ripple style={menuStyle}>
                     <MenuItem disabled>Add Strategy:</MenuItem>
                     {this.props.strategies.map((s) => <MenuItem key={s.name} onClick={() => this.addStrategy(s.name)}>{s.name}</MenuItem>)}
                 </Menu>
diff --git a/frontend/src/component/feature/form/strategy-configure.jsx b/frontend/src/component/feature/form/strategy-configure.jsx
index 0f01ce4e5e..2d2ae63313 100644
--- a/frontend/src/component/feature/form/strategy-configure.jsx
+++ b/frontend/src/component/feature/form/strategy-configure.jsx
@@ -42,10 +42,15 @@ class StrategyConfigure extends React.Component {
             }
             return keys.map(field => {
                 if (strategyDefinition.parametersTemplate[field] === 'percentage') {
+                    let value = this.props.strategy.parameters[field];
+                    if (value == null || (typeof value === 'string' && value === '')) {
+                        value = 50; // default value
+                    }
                     return (<StrategyInputPersentage
+                        key={field}
                         field={field}
                         onChange={this.handleConfigChange.bind(this, field)}
-                        value={this.props.strategy.parameters[field]} />);
+                        value={1 * value} />);
                 } else {
                     return (
                         <Textfield
diff --git a/frontend/src/component/feature/form/strategy-input-persentage.jsx b/frontend/src/component/feature/form/strategy-input-persentage.jsx
index 43c63a633a..e21d0f02e3 100644
--- a/frontend/src/component/feature/form/strategy-input-persentage.jsx
+++ b/frontend/src/component/feature/form/strategy-input-persentage.jsx
@@ -2,14 +2,15 @@ import React from 'react';
 import { Slider }  from 'react-mdl';
 
 const labelStyle = {
-    margin: '0',
+    margin: '10px',
+    textAlign: 'center',
     color: '#3f51b5',
     fontSize: '12px',
 };
 
 export default ({ field, value, onChange }) => (
     <div>
-        <label style={labelStyle}>{field}: {value}%</label>
+        <div style={labelStyle}>{field}: {value}%</div>
         <Slider min={0} max={100} defaultValue={value} value={value} onChange={onChange} label={field} />
     </div>
 );