diff --git a/web/layouts/partials/extend_head.html b/web/layouts/partials/extend_head.html
index a260963..5b204f5 100644
--- a/web/layouts/partials/extend_head.html
+++ b/web/layouts/partials/extend_head.html
@@ -1 +1,2 @@
 <script type="module" src="https://cdn.jsdelivr.net/npm/@hotwired/turbo@latest/dist/turbo.es2017-esm.min.js"></script>
+<link rel="stylesheet" href="/custom_styles.css" />
diff --git a/web/static/custom_styles.css b/web/static/custom_styles.css
new file mode 100644
index 0000000..cc1c72c
--- /dev/null
+++ b/web/static/custom_styles.css
@@ -0,0 +1,3 @@
+html {
+  scroll-behavior: smooth;
+}