ui fix

src/lib/components/shadcn/table/table-body.svelte

@@ -8,6 +8,14 @@
 	export { className as class };
 </script>
 
-<tbody class={cn("[&_tr:last-child]:border-0", className)} {...$$restProps}>
+<tbody class={cn("[&_tr:last-child]:border-0 scroller", className)} {...$$restProps}>
 	<slot />
 </tbody>
+
+
+
+<style>
+.scroller {
+	scrollbar-width: thin;
+}
+</style>

src/routes/reddit-tracker/+page.svelte

@@ -458,7 +458,7 @@ const optionCompanySpread = {
                         </Card.Title>
                       </Card.Header>
                       <Card.Content class="grid gap-y-4">
-                        <Table.Root class="overflow-x-scroll w-full no-scrollbar">
+                        <Table.Root class="overflow-x-scroll w-full">
                           <Table.Header>
                             <Table.Row>
                               <Table.Head class="text-white">Rank</Table.Head>
@@ -532,22 +532,21 @@ const optionCompanySpread = {
       </div>
     </section>
     
-    <style>
+<style>
+.app {
+height: 150px;
+max-width: 100%; /* Ensure chart width doesn't exceed the container */
 
-      .app {
+}
-      height: 150px;
-      max-width: 100%; /* Ensure chart width doesn't exceed the container */
 
-      }
+@media (max-width: 640px) {
+.app {
+  height: 120px;
+}
+}
 
-      @media (max-width: 640px) {
+.chart {
-      .app {
+width: 100%;
-        height: 120px;
+}
-      }
-      }
 
-      .chart {
+</style>
-      width: 100%;
-      }
-      
-      </style>