diff --git a/frontend/src/lib/components/Scroll.svelte b/frontend/src/lib/components/Scroll.svelte
new file mode 100644
index 0000000000..40c8aab0c3
--- /dev/null
+++ b/frontend/src/lib/components/Scroll.svelte
@@ -0,0 +1,22 @@
+<script>
+	import { twMerge } from 'tailwind-merge'
+</script>
+
+<div class={twMerge('h-full w-full overflow-y-auto', $$props.class)}>
+	<slot />
+</div>
+
+<style>
+	/* Custom scrollbar styles */
+	div::-webkit-scrollbar {
+		width: 12px;
+	}
+
+	/* For Firefox */
+	div {
+		/* Prevent layout shift from scrollbar appearance */
+		scrollbar-gutter: stable;
+		/* Prevent horizontal scrollbar */
+		overflow-x: hidden;
+	}
+</style>