diff --git a/configs.js b/configs.js
index 91db3ef..eb28947 100644
--- a/configs.js
+++ b/configs.js
@@ -7,13 +7,10 @@ const configs = (function () {
 
 	// animation
 	const scrollSpeed = 40; // milliseconds
-	const gapBetweenScrolls = 100; // px
+	const gapBetweenScrolls = 0; // px
 
 	// STYLES
 	// task list
-	const taskListWidth = "400px"; // px
-	const taskListHeight = "300px"; // px
-
 	const taskListBackgroundColor = "#000000"; // hex only
 	const taskListBackgroundOpacity = 0; // 0.0 - 1.0
 
@@ -56,7 +53,7 @@ const configs = (function () {
 	const usernameFontWeight = "bold"; // normal or bold or number
 	const usernameColor = "#ffc0cb"; // hex or name or "" for twitch user color
 
-	const taskWidth = "98%";
+	const taskWidth = "100%";
 
 	const taskBackgroundColor = "#000000"; // hex only
 	const taskBackgroundOpacity = 0.7; // 0.0 - 1.0
@@ -256,8 +253,6 @@ const configs = (function () {
 	};
 
 	const styles = {
-		taskListWidth,
-		taskListHeight,
 		taskListBackgroundColor,
 		taskListBackgroundOpacity,
 		taskListBorderWidth,
diff --git a/styles/taskList.css b/styles/taskList.css
index 57d374d..50f4a88 100644
--- a/styles/taskList.css
+++ b/styles/taskList.css
@@ -1,6 +1,6 @@
 :root {
-  --task-list-width: 400px;
-  --task-list-height: 300px;
+  --task-list-width: 100%;
+  --task-list-height: 100vh;
   --task-list-background-color: rgba(0, 0, 0, 0.8);
   --task-list-border-width: 2px;
   --task-list-border-color: white;
@@ -48,8 +48,8 @@ body {
 }
 
 #main-container {
-  width: var(--task-list-width);
-  height: var(--task-list-height);
+  width: 100%;
+  height: 100vh;
   display: flex;
   flex-direction: column;
   padding: var(--task-list-vertical-padding) var(--task-list-horizontal-padding);