diff --git a/src/pages/shop/_art_test.svelte b/src/pages/shop/_art_test.svelte
index 244fa96..dcfbf0b 100644
--- a/src/pages/shop/_art_test.svelte
+++ b/src/pages/shop/_art_test.svelte
@@ -9,7 +9,7 @@
         <div class="w-full h-72 bg-lime-200"></div>
         <CustomScrollBar overflowX="scroll" overflowY="hidden" Class="">
           <div class="flex w-full gap-4">
-            {#each { length: 4 } as i}
+            {#each { length: 6 } as i}
               <img
                 src="https://placehold.co/600x400"
                 class="w-16 h-16 rounded object-cover"
diff --git a/src/routes/comps/CustomScrollBar.svelte b/src/routes/comps/CustomScrollBar.svelte
index 285a4a1..74d75dc 100644
--- a/src/routes/comps/CustomScrollBar.svelte
+++ b/src/routes/comps/CustomScrollBar.svelte
@@ -26,6 +26,9 @@
 
   export let requireAbsolute = false; // Some needs absolute for some reason. idk
 
+  export let scrollThumbText =
+    "-------------------------------------------------------------------------------------------------------------------------------Scroll-------------------------------------------------------------------------------------------------------------------------------";
+
   let viewport: HTMLDivElement;
   let vBar: HTMLDivElement; // vertical bar container
   let hBar: HTMLDivElement; // horizontal bar container
@@ -347,7 +350,7 @@
         on:keydown={onVKeyDown}
       >
         <span class="rotate-90">
-          -------------------------------------------------Scroll-------------------------------------------------
+          {scrollThumbText}
         </span>
       </div>
     </div>
@@ -390,7 +393,7 @@
         on:pointercancel={endHDrag}
         on:keydown={onHKeyDown}
       >
-        -------------------------------------------------Scroll-------------------------------------------------
+        {scrollThumbText}
       </div>
     </div>
   {/if}