diff --git a/frontend/src/component/feature/list-component.jsx b/frontend/src/component/feature/list-component.jsx
index 08852e3938..3c9067d078 100644
--- a/frontend/src/component/feature/list-component.jsx
+++ b/frontend/src/component/feature/list-component.jsx
@@ -52,7 +52,6 @@ export default class FeatureListComponent extends React.PureComponent {
         return (
            <div>
                 <div className={styles.topList}>
-                    
                     <Chip onClick={() => this.toggleMetrics()} className={styles.topListItem0}>
                         { settings.showLastHour &&
                             <ChipContact className="mdl-color--teal mdl-color-text--white">
@@ -68,8 +67,7 @@ export default class FeatureListComponent extends React.PureComponent {
                             </ChipContact> }
                         { '1 minute' }
                     </Chip>
-                        
-                    
+
                     <div className={styles.topListItem2} style={{ margin: '-10px 10px 0 10px'  }}>
                         <Textfield
                             floatingLabel
@@ -79,7 +77,7 @@ export default class FeatureListComponent extends React.PureComponent {
                             style={{ width: '100%' }}
                         />
                     </div>
-                    
+
                     <div style={{ position: 'relative' }} className={styles.topListItem0}>
                         <IconButton name="sort" id="demo-menu-top-right" colored title="Sort" />
                         <Menu target="demo-menu-top-right" valign="bottom" align="right" ripple onClick={
@@ -95,23 +93,20 @@ export default class FeatureListComponent extends React.PureComponent {
                         </Menu>
                     </div>
                     <Link to="/features/create" className={styles.topListItem0}>
-                        <FABButton ripple component="span" mini>
-                            <Icon name="add" />
-                        </FABButton>
+                        <IconButton ripple raised name="add" component="span" mini style={{ color: 'black' }}/>
                     </Link>
-                    
                 </div>
 
                 <ul className="demo-list-item mdl-list">
-                {features.map((feature, i) =>
-                    <Feature key={i}
-                        settings={settings}
-                        metricsLastHour={featureMetrics.lastHour[feature.name]}
-                        metricsLastMinute={featureMetrics.lastMinute[feature.name]}
-                        feature={feature}
-                        onFeatureClick={onFeatureClick}
-                        onFeatureRemove={onFeatureRemove}/>
-                )}
+                    {features.map((feature, i) =>
+                        <Feature key={i}
+                            settings={settings}
+                            metricsLastHour={featureMetrics.lastHour[feature.name]}
+                            metricsLastMinute={featureMetrics.lastMinute[feature.name]}
+                            feature={feature}
+                            onFeatureClick={onFeatureClick}
+                            onFeatureRemove={onFeatureRemove}/>
+                    )}
                 </ul>
                 <hr />
                 <Link to="/features/create" className={styles.topListItem0}>
diff --git a/frontend/src/component/strategies/list-component.jsx b/frontend/src/component/strategies/list-component.jsx
index f512cf2132..94befbb283 100644
--- a/frontend/src/component/strategies/list-component.jsx
+++ b/frontend/src/component/strategies/list-component.jsx
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { Link } from 'react-router';
 
-import { List, ListItem, ListItemContent, IconButton, Chip } from 'react-mdl';
+import { List, ListItem, ListItemContent, Chip, Icon, IconButton } from 'react-mdl';
 import { HeaderTitle } from '../common';
 
 class StrategiesListComponent extends Component {
@@ -25,16 +25,17 @@ class StrategiesListComponent extends Component {
 
         return (
             <div>
-                <HeaderTitle title="Strategies" actions={<IconButton name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy"/>} />
+                <HeaderTitle title="Strategies"
+                    actions={<IconButton mini raised name="add" onClick={() => this.context.router.push('/strategies/create')} title="Add new strategy" />} />
                 <List>
                     {strategies.length > 0 ? strategies.map((strategy, i) => {
                         return (
-                            <ListItem key={i}>
-                                <ListItemContent>
+                            <ListItem key={i} twoLine>
+                                <ListItemContent icon="extension" subtitle={strategy.description}>
                                     <Link to={`/strategies/view/${strategy.name}`}>
                                         <strong>{strategy.name}</strong>
                                     </Link>
-                                    <span> {strategy.description}</span></ListItemContent>
+                                    </ListItemContent>
                                 <IconButton name="delete" onClick={() => removeStrategy(strategy)} />
                             </ListItem>
                         );