diff --git a/app/pages/gallery.vue b/app/pages/gallery.vue
index 82f39f6..66dd5af 100644
--- a/app/pages/gallery.vue
+++ b/app/pages/gallery.vue
@@ -248,6 +248,34 @@ onMounted(() => {
   </UScrollArea>
 </template>
 
+<style>
+*::-webkit-scrollbar-track {
+  border: 1px solid #000000;
+  background-color: #000000;
+}
+
+*::-webkit-scrollbar {
+  width: 8px;
+  background-color: #000000;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: oklch(26.9% 0 0); /* neutral-800 */
+  border-radius: 10px;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: oklch(37.1% 0 0); /* neutral-700 */
+}
+
+@-moz-document url-prefix() {
+  * {
+    scrollbar-width: auto;
+    scrollbar-color: oklch(37.1% 0 0) #000000;
+  }
+}
+</style>
+
 <style scoped>
 .no-scroll :deep(*) {
   pointer-events: none !important;