Prevent mobile horizontal scroll black edge

src/components/messageStream/FilterChips.tsx

@@ -60,7 +60,7 @@ export function FilterChips({ type, onTypeChange }: FilterChipsProps) {
   return (
     <div
       ref={containerRef}
-      className="sticky top-0 z-10 border-b border-ark-line bg-ark-bg/90 py-2 backdrop-blur md:rounded-t-xl"
+      className="sticky top-0 z-10 overflow-hidden border-b border-ark-line bg-ark-bg/90 py-2 backdrop-blur md:rounded-t-xl"
     >
       <div className="flex items-start gap-1.5">
         <div
@@ -104,7 +104,7 @@ export function FilterChips({ type, onTypeChange }: FilterChipsProps) {
       <div
         ref={measureRef}
         aria-hidden="true"
-        className="pointer-events-none invisible absolute left-0 top-0 -z-10 flex gap-1.5 whitespace-nowrap"
+        className="pointer-events-none invisible absolute left-0 top-0 -z-10 flex h-0 max-w-none gap-1.5 overflow-hidden whitespace-nowrap"
       >
         {TYPE_FILTERS.map((tp) => (
           <span key={tp} className={chipClass(type === tp)}>

src/index.css

@@ -8,6 +8,11 @@ body,
   height: 100%;
 }
 
+html,
+body {
+  overflow-x: hidden;
+}
+
 body {
   @apply bg-ark-bg text-neutral-100 antialiased;
 }