diff --git a/package-lock.json b/package-lock.json
index 1a820af..3c45d73 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
 				"@bytemd/plugin-gfm": "^1.21.0",
 				"bytemd": "1.21.0",
 				"kysely": "^0.26.3",
-				"sqlocal": "^0.7.0"
+				"sqlocal": "^0.7.1"
 			},
 			"devDependencies": {
 				"@picocss/pico": "^1.5.10",
@@ -2532,9 +2532,9 @@
 			}
 		},
 		"node_modules/@sqlite.org/sqlite-wasm": {
-			"version": "3.44.2-build1",
-			"resolved": "https://registry.npmjs.org/@sqlite.org/sqlite-wasm/-/sqlite-wasm-3.44.2-build1.tgz",
-			"integrity": "sha512-w3Sla1EHLEzo73SmrRjHxPNsv27+KcCDLyZ4+OC6uyt9OHgdRGCdm4wF1zu583XATxS7L84663hrSMJzQMOH8A==",
+			"version": "3.45.1-build1",
+			"resolved": "https://registry.npmjs.org/@sqlite.org/sqlite-wasm/-/sqlite-wasm-3.45.1-build1.tgz",
+			"integrity": "sha512-1EgshFNhVeBtZ9KtQPm3PzzJ2CtpmXAq2DAPywy7WZ3gOK6p5n8TY+M+mBMpQCF5cLqrdNFb3Kp9uNie9rUAHw==",
 			"bin": {
 				"sqlite-wasm": "bin/index.js"
 			}
@@ -6038,9 +6038,9 @@
 			"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
 		},
 		"node_modules/nanoid": {
-			"version": "4.0.2",
-			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.2.tgz",
-			"integrity": "sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==",
+			"version": "5.0.6",
+			"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.0.6.tgz",
+			"integrity": "sha512-rRq0eMHoGZxlvaFOUdK1Ev83Bd1IgzzR+WJ3IbDJ7QOSdAxYjlurSPqFs9s4lJg29RT6nPwizFtJhQS6V5xgiA==",
 			"funding": [
 				{
 					"type": "github",
@@ -6051,7 +6051,7 @@
 				"nanoid": "bin/nanoid.js"
 			},
 			"engines": {
-				"node": "^14 || ^16 || >=18"
+				"node": "^18 || >=20"
 			}
 		},
 		"node_modules/napi-build-utils": {
@@ -7177,17 +7177,28 @@
 			}
 		},
 		"node_modules/sqlocal": {
-			"version": "0.7.0",
-			"resolved": "https://registry.npmjs.org/sqlocal/-/sqlocal-0.7.0.tgz",
-			"integrity": "sha512-SlMTN5rN9sRVfQ7YoaX3FKSvBNHDC7jvumjc5goncDlg4kl+cvk1Rr7ASDR81XGwnWRhv3e8pNkZI+XWmQ/uTA==",
+			"version": "0.7.1",
+			"resolved": "https://registry.npmjs.org/sqlocal/-/sqlocal-0.7.1.tgz",
+			"integrity": "sha512-E2OsznO0Vjuby3p+MWd4WsjJYCiHFSJC5tg/WGEGFPb+UJ+xUsmpwcppl17oI83W3JK5qMTERUICO0hW4shYgA==",
 			"dependencies": {
-				"@sqlite.org/sqlite-wasm": "^3.44.2-build1",
-				"kysely": "^0.26.3",
-				"nanoid": "^4.0.2"
+				"@sqlite.org/sqlite-wasm": "^3.45.1-build1",
+				"nanoid": "^5.0.5"
 			},
 			"funding": {
 				"type": "paypal",
 				"url": "https://www.paypal.com/biz/fund?id=U3ZNM2Q26WJY8"
+			},
+			"peerDependencies": {
+				"drizzle-orm": "*",
+				"kysely": "*"
+			},
+			"peerDependenciesMeta": {
+				"drizzle-orm": {
+					"optional": true
+				},
+				"kysely": {
+					"optional": true
+				}
 			}
 		},
 		"node_modules/streamx": {
diff --git a/package.json b/package.json
index 9a6ad0b..57401c9 100644
--- a/package.json
+++ b/package.json
@@ -19,7 +19,7 @@
 		"@bytemd/plugin-gfm": "^1.21.0",
 		"bytemd": "1.21.0",
 		"kysely": "^0.26.3",
-		"sqlocal": "^0.7.0"
+		"sqlocal": "^0.7.1"
 	},
 	"devDependencies": {
 		"@picocss/pico": "^1.5.10",
diff --git a/src/lib/components/notes/note-card.svelte b/src/lib/components/notes/note-card.svelte
index b5655f3..4074d47 100644
--- a/src/lib/components/notes/note-card.svelte
+++ b/src/lib/components/notes/note-card.svelte
@@ -75,6 +75,7 @@
 		background-color: var(--note-color);
 		border-radius: 0;
 		box-shadow: var(--card-shadow);
+		scrollbar-color: hsl(0 0% 0% / 0.2) hsl(0 0% 0% / 0.2);
 
 		&__header,
 		&__footer {
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 142682c..ff30ada 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -29,6 +29,7 @@ html {
 	background-size: min(20vw, 150px);
 	background-position: center center;
 	background-repeat: no-repeat;
+	scrollbar-color: var(--range-thumb-color) var(--range-border-color);
 
 	&[data-theme] {
 		background-image: none;