diff --git a/frontend/src/lib/components/project/Column.svelte b/frontend/src/lib/components/project/Column.svelte
index 821aef7..652532c 100644
--- a/frontend/src/lib/components/project/Column.svelte
+++ b/frontend/src/lib/components/project/Column.svelte
@@ -130,6 +130,10 @@
 	.column {
 		margin: 20px 10px;
 		width: 250px;
+
+		@media (max-width: 480px) {
+			scroll-snap-align: center;
+		}
 	}
 
 	header {
diff --git a/frontend/src/lib/components/project/Project.svelte b/frontend/src/lib/components/project/Project.svelte
index 9835847..971455c 100644
--- a/frontend/src/lib/components/project/Project.svelte
+++ b/frontend/src/lib/components/project/Project.svelte
@@ -106,7 +106,7 @@
 	</section>
 {/if}
 
-<style>
+<style lang="less">
 	section {
 		display: flex;
 		flex-direction: column;
@@ -125,5 +125,6 @@
 		flex: 1;
 		overflow: scroll;
 		padding: 0 40px;
+		scroll-snap-type: x mandatory;
 	}
 </style>