diff --git a/frontend/src/component/feature/form/strategy-configure.jsx b/frontend/src/component/feature/form/strategy-configure.jsx
index c786ff5b89..3e37c0e60d 100644
--- a/frontend/src/component/feature/form/strategy-configure.jsx
+++ b/frontend/src/component/feature/form/strategy-configure.jsx
@@ -74,6 +74,20 @@ class StrategyConfigure extends React.Component {
                             .filter(Boolean);
                     }
                     return (<StrategyInputList key={field} field={field} list={list} setConfig={this.setConfig} />);
+                } else if (type === 'number') {
+                    return (
+                        <Textfield
+                            pattern="-?[0-9]*(\.[0-9]+)?"
+                            error={`${field} is not a number!`}
+                            floatingLabel
+                            style={{ width: '100%' }}
+                            key={field}
+                            name={field}
+                            label={field}
+                            onChange={this.handleConfigChange.bind(this, field)}
+                            value={value}
+                        />
+                    );
                 } else {
                     return (
                         <Textfield
@@ -124,7 +138,7 @@ class StrategyConfigure extends React.Component {
                     {this.props.strategyDefinition.description}
                 </CardText>
                 {
-                    inputFields && <CardActions border >
+                    inputFields && <CardActions border style={{ padding: '20px' }}>
                         {inputFields}
                     </CardActions>
                 }
diff --git a/frontend/src/component/feature/form/strategy-input-persentage.jsx b/frontend/src/component/feature/form/strategy-input-persentage.jsx
index e21d0f02e3..7c718a9db8 100644
--- a/frontend/src/component/feature/form/strategy-input-persentage.jsx
+++ b/frontend/src/component/feature/form/strategy-input-persentage.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { Slider }  from 'react-mdl';
 
 const labelStyle = {
-    margin: '10px',
+    margin: '20px 0',
     textAlign: 'center',
     color: '#3f51b5',
     fontSize: '12px',