diff --git a/src/css/izi/components.css b/src/css/izi/components.css
index 77ccfe5..e452495 100644
--- a/src/css/izi/components.css
+++ b/src/css/izi/components.css
@@ -28,3 +28,34 @@
 	}
 }
 
+.recent-torrents {
+	width: 60%
+}
+
+@media only screen and (max-width: 1250px) 
+{ 
+	.recent-torrents {
+		width: 68%
+	}
+}
+
+@media only screen and (max-width: 1100px) 
+{ 
+	.recent-torrents {
+		width: 75%
+	}
+}
+
+@media only screen and (max-width: 800px) 
+{ 
+	.recent-torrents {
+		width: 90%
+	}
+}
+
+@media only screen and (max-width: 650px) 
+{ 
+	.recent-torrents {
+		width: 100%
+	}
+}
diff --git a/src/recent-torrents.js b/src/recent-torrents.js
index 58dede6..02552d4 100644
--- a/src/recent-torrents.js
+++ b/src/recent-torrents.js
@@ -137,7 +137,7 @@ export default class RecentTorrents extends Component {
       return null;
 
     return (
-      <List className='animated'>
+      <List className='animated recent-torrents'>
         <Subheader className='recent-title' inset={true}>
         	<FlatButton style={{marginRight: '8px'}} label={!this.state.pause ? 'running' : 'stoped'} secondary={this.state.pause} primary={!this.state.pause} onClick={() =>{
 	            this.pauseAndContinue()