diff --git a/src/routes/Detail/StreamsList/StreamsList.js b/src/routes/Detail/StreamsList/StreamsList.js
index 647c8b9ae..4452b3c7e 100644
--- a/src/routes/Detail/StreamsList/StreamsList.js
+++ b/src/routes/Detail/StreamsList/StreamsList.js
@@ -1,35 +1,32 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import classnames from 'classnames';
 import Icon from 'stremio-icons/dom';
 import Stream from './Stream';
 import styles from './styles';
 
-class StreamsList extends Component {
-    render() {
-        return (
-            <div className={styles['streams-list-container']}>
-                <div className={styles['scroll-container']}>
-                    <div className={classnames(styles['streams-list'])}>
-                        {this.props.streams
-                            .map((stream) =>
-                                <Stream key={stream.id}
-                                    className={styles['stream']}
-                                    logo={stream.logo}
-                                    sourceName={stream.sourceName}
-                                    title={stream.title}
-                                    subtitle={stream.subtitle}
-                                    progress={stream.progress}
-                                />
-                            )}
-                    </div>
-                    <div className={styles['button']} onClick={this.onMoreAddonsClicked}>
-                        <Icon className={styles['button-icon']} icon={'ic_addons'} /> More Add-ons
-                    </div>
+const StreamsList = (props) => {
+    return (
+        <div className={styles['streams-list-container']}>
+            <div className={styles['scroll-container']}>
+                <div className={styles['streams-list']}>
+                    {props.streams
+                        .map((stream) =>
+                            <Stream key={stream.id}
+                                className={styles['stream']}
+                                logo={stream.logo}
+                                sourceName={stream.sourceName}
+                                title={stream.title}
+                                subtitle={stream.subtitle}
+                                progress={stream.progress}
+                            />
+                        )}
+                </div>
+                <div className={styles['button']} onClick={props.onMoreAddonsClicked}>
+                    <Icon className={styles['button-icon']} icon={'ic_addons'} /> More Add-ons
                 </div>
             </div>
-        );
-    }
+        </div>
+    );
 }
 
 StreamsList.propTypes = {
diff --git a/src/routes/Detail/StreamsList/styles.less b/src/routes/Detail/StreamsList/styles.less
index 35348bf55..6042cc533 100644
--- a/src/routes/Detail/StreamsList/styles.less
+++ b/src/routes/Detail/StreamsList/styles.less
@@ -31,8 +31,8 @@
     }
 
     .button {
-        width: 44%;
-        height: 8%;
+        width: calc(0.4 * var(--scroll-container-width));
+        height: calc(0.12 * var(--scroll-container-width));
         cursor: pointer;
         display: flex;
         align-items: center;