diff --git a/style/home.scss b/style/home.scss
index 4d74ee0..1b4e896 100644
--- a/style/home.scss
+++ b/style/home.scss
@@ -9,9 +9,9 @@
 }
 .home-component {
   background: #1c1c1c;
-  height: 100vh;
   width: calc(100% - 22rem - 16rem);
   margin: 2px;
-  padding: 0.2rem 1.5rem 1.5rem 1rem;
+  padding: 0.2rem 1.5rem $playbar-size 1rem;
   border-radius: 0.5rem;
+  overflow: scroll;
 }
diff --git a/style/personal.scss b/style/personal.scss
index e03e05e..3a83435 100644
--- a/style/personal.scss
+++ b/style/personal.scss
@@ -3,7 +3,6 @@
 .personal-container {
   width: 16rem;
   background: #1c1c1c;
-  height: 100vh;
   margin: 2px;
   border-radius: 0.5rem;
 
diff --git a/style/playbar.scss b/style/playbar.scss
index 522ea11..698a2df 100644
--- a/style/playbar.scss
+++ b/style/playbar.scss
@@ -2,7 +2,7 @@
 
 .playbar {
 	width: 100%;
-	height: 75px;
+	height: $playbar-size;
 	background-color: $play-bar-background-color;
 	opacity: 0.9;
 	position: fixed;
diff --git a/style/theme.scss b/style/theme.scss
index fe96046..b0cea43 100644
--- a/style/theme.scss
+++ b/style/theme.scss
@@ -16,3 +16,4 @@ $auth-inputs: #796dd4;
 $auth-containers: white;
 
 $dashboard-tile-size: 200px;
+$playbar-size: 75px;