diff --git a/frontend/src/components/perks.component.vue b/frontend/src/components/perks.component.vue
index d7645ac..6121548 100644
--- a/frontend/src/components/perks.component.vue
+++ b/frontend/src/components/perks.component.vue
@@ -1,7 +1,7 @@
 <template>
 	<v-container class="perktree">
 		<v-layout row wrap>
-			<v-flex md8 offset-md2 sm12>
+			<v-flex xl8 offset-xl2 sm12>
 				<v-card>
 					<div id="perktree"></div>
 				</v-card>
diff --git a/frontend/src/stylus/perks.styl b/frontend/src/stylus/perks.styl
index 5311f09..683b596 100644
--- a/frontend/src/stylus/perks.styl
+++ b/frontend/src/stylus/perks.styl
@@ -1,7 +1,12 @@
 .perktree
+	height 100%
+
+	.layout, .flex
+		height 100%
+
 	.v-card
 		padding 1rem
-		height 42rem
+		height 100%
 
 		#perktree
 			height 100%