diff --git a/src/assets/images/chat/chatbubbles/bubble_253.png b/src/assets/images/chat/chatbubbles/bubble_253.png
new file mode 100644
index 0000000..b727a29
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_253.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_253_pointer.png b/src/assets/images/chat/chatbubbles/bubble_253_pointer.png
new file mode 100644
index 0000000..45955f6
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_253_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_254.png b/src/assets/images/chat/chatbubbles/bubble_254.png
new file mode 100644
index 0000000..b4a100d
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_254.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_254_pointer.png b/src/assets/images/chat/chatbubbles/bubble_254_pointer.png
new file mode 100644
index 0000000..ebd039d
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_254_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_255.png b/src/assets/images/chat/chatbubbles/bubble_255.png
new file mode 100644
index 0000000..f0f9fb6
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_255.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_255_pointer.png b/src/assets/images/chat/chatbubbles/bubble_255_pointer.png
new file mode 100644
index 0000000..147f587
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_255_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_256.png b/src/assets/images/chat/chatbubbles/bubble_256.png
new file mode 100644
index 0000000..f6b3845
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_256.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_256_pointer.png b/src/assets/images/chat/chatbubbles/bubble_256_pointer.png
new file mode 100644
index 0000000..0a95873
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_256_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_257.png b/src/assets/images/chat/chatbubbles/bubble_257.png
new file mode 100644
index 0000000..9923f0e
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_257.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_257_pointer.png b/src/assets/images/chat/chatbubbles/bubble_257_pointer.png
new file mode 100644
index 0000000..7afbe0b
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_257_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_258.png b/src/assets/images/chat/chatbubbles/bubble_258.png
new file mode 100644
index 0000000..755e5e1
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_258.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_258_pointer.png b/src/assets/images/chat/chatbubbles/bubble_258_pointer.png
new file mode 100644
index 0000000..130f8f2
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_258_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_259.png b/src/assets/images/chat/chatbubbles/bubble_259.png
new file mode 100644
index 0000000..e603611
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_259.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_259_pointer.png b/src/assets/images/chat/chatbubbles/bubble_259_pointer.png
new file mode 100644
index 0000000..b370fe8
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_259_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_260.png b/src/assets/images/chat/chatbubbles/bubble_260.png
new file mode 100644
index 0000000..706583d
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_260.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_260_pointer.png b/src/assets/images/chat/chatbubbles/bubble_260_pointer.png
new file mode 100644
index 0000000..7ed9701
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_260_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_261.png b/src/assets/images/chat/chatbubbles/bubble_261.png
new file mode 100644
index 0000000..e6881b4
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_261.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_261_pointer.png b/src/assets/images/chat/chatbubbles/bubble_261_pointer.png
new file mode 100644
index 0000000..11d9615
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_261_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_262.png b/src/assets/images/chat/chatbubbles/bubble_262.png
new file mode 100644
index 0000000..42c68e6
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_262.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_262_pointer.png b/src/assets/images/chat/chatbubbles/bubble_262_pointer.png
new file mode 100644
index 0000000..ad0803d
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_262_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_263.png b/src/assets/images/chat/chatbubbles/bubble_263.png
new file mode 100644
index 0000000..eea056f
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_263.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_263_pointer.png b/src/assets/images/chat/chatbubbles/bubble_263_pointer.png
new file mode 100644
index 0000000..16225fe
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_263_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_264.png b/src/assets/images/chat/chatbubbles/bubble_264.png
new file mode 100644
index 0000000..da3f3c2
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_264.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_264_pointer.png b/src/assets/images/chat/chatbubbles/bubble_264_pointer.png
new file mode 100644
index 0000000..b8c24f9
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_264_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_265.png b/src/assets/images/chat/chatbubbles/bubble_265.png
new file mode 100644
index 0000000..7a709b0
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_265.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_265_pointer.png b/src/assets/images/chat/chatbubbles/bubble_265_pointer.png
new file mode 100644
index 0000000..8e90999
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_265_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_266.png b/src/assets/images/chat/chatbubbles/bubble_266.png
new file mode 100644
index 0000000..e1c5dfa
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_266.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_266_pointer.png b/src/assets/images/chat/chatbubbles/bubble_266_pointer.png
new file mode 100644
index 0000000..d6e9c11
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_266_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_267.png b/src/assets/images/chat/chatbubbles/bubble_267.png
new file mode 100644
index 0000000..805d7a8
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_267.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_267_pointer.png b/src/assets/images/chat/chatbubbles/bubble_267_pointer.png
new file mode 100644
index 0000000..5b1bb69
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_267_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_268.png b/src/assets/images/chat/chatbubbles/bubble_268.png
new file mode 100644
index 0000000..9975412
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_268.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_268_pointer.png b/src/assets/images/chat/chatbubbles/bubble_268_pointer.png
new file mode 100644
index 0000000..5a4dac2
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_268_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_269.png b/src/assets/images/chat/chatbubbles/bubble_269.png
new file mode 100644
index 0000000..eda2ab0
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_269.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_269_pointer.png b/src/assets/images/chat/chatbubbles/bubble_269_pointer.png
new file mode 100644
index 0000000..61aaa10
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_269_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_270.png b/src/assets/images/chat/chatbubbles/bubble_270.png
new file mode 100644
index 0000000..cebc39c
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_270.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_270_pointer.png b/src/assets/images/chat/chatbubbles/bubble_270_pointer.png
new file mode 100644
index 0000000..ff9130e
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_270_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_271.png b/src/assets/images/chat/chatbubbles/bubble_271.png
new file mode 100644
index 0000000..96166c7
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_271.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_271_pointer.png b/src/assets/images/chat/chatbubbles/bubble_271_pointer.png
new file mode 100644
index 0000000..cd8c398
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_271_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_272.png b/src/assets/images/chat/chatbubbles/bubble_272.png
new file mode 100644
index 0000000..80033eb
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_272.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_272_pointer.png b/src/assets/images/chat/chatbubbles/bubble_272_pointer.png
new file mode 100644
index 0000000..e38a4d7
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_272_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_273.png b/src/assets/images/chat/chatbubbles/bubble_273.png
new file mode 100644
index 0000000..3b21851
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_273.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_273_pointer.png b/src/assets/images/chat/chatbubbles/bubble_273_pointer.png
new file mode 100644
index 0000000..84b8587
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_273_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_274.png b/src/assets/images/chat/chatbubbles/bubble_274.png
new file mode 100644
index 0000000..4e511a6
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_274.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_274_pointer.png b/src/assets/images/chat/chatbubbles/bubble_274_pointer.png
new file mode 100644
index 0000000..be1db00
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_274_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_275.png b/src/assets/images/chat/chatbubbles/bubble_275.png
new file mode 100644
index 0000000..cd8777a
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_275.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_275_pointer.png b/src/assets/images/chat/chatbubbles/bubble_275_pointer.png
new file mode 100644
index 0000000..8a61359
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_275_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_276.png b/src/assets/images/chat/chatbubbles/bubble_276.png
new file mode 100644
index 0000000..b4de1a7
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_276.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_276_pointer.png b/src/assets/images/chat/chatbubbles/bubble_276_pointer.png
new file mode 100644
index 0000000..6683f6e
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_276_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_277.png b/src/assets/images/chat/chatbubbles/bubble_277.png
new file mode 100644
index 0000000..df7317e
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_277.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_277_pointer.png b/src/assets/images/chat/chatbubbles/bubble_277_pointer.png
new file mode 100644
index 0000000..7a3b463
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_277_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_278.png b/src/assets/images/chat/chatbubbles/bubble_278.png
new file mode 100644
index 0000000..c275815
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_278.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_278_pointer.png b/src/assets/images/chat/chatbubbles/bubble_278_pointer.png
new file mode 100644
index 0000000..a50c119
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_278_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_279.png b/src/assets/images/chat/chatbubbles/bubble_279.png
new file mode 100644
index 0000000..d1bb2e5
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_279.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_279_pointer.png b/src/assets/images/chat/chatbubbles/bubble_279_pointer.png
new file mode 100644
index 0000000..1d78808
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_279_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_280.png b/src/assets/images/chat/chatbubbles/bubble_280.png
new file mode 100644
index 0000000..9132a2f
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_280.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_280_pointer.png b/src/assets/images/chat/chatbubbles/bubble_280_pointer.png
new file mode 100644
index 0000000..ef49fe2
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_280_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_281.png b/src/assets/images/chat/chatbubbles/bubble_281.png
new file mode 100644
index 0000000..1545615
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_281.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_281_pointer.png b/src/assets/images/chat/chatbubbles/bubble_281_pointer.png
new file mode 100644
index 0000000..0859bf6
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_281_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_282.png b/src/assets/images/chat/chatbubbles/bubble_282.png
new file mode 100644
index 0000000..132af17
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_282.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_282_pointer.png b/src/assets/images/chat/chatbubbles/bubble_282_pointer.png
new file mode 100644
index 0000000..c1ce6f8
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_282_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_283.png b/src/assets/images/chat/chatbubbles/bubble_283.png
new file mode 100644
index 0000000..5d887d9
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_283.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_283_pointer.png b/src/assets/images/chat/chatbubbles/bubble_283_pointer.png
new file mode 100644
index 0000000..bfc3fdb
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_283_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_284.png b/src/assets/images/chat/chatbubbles/bubble_284.png
new file mode 100644
index 0000000..e359c05
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_284.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_284_pointer.png b/src/assets/images/chat/chatbubbles/bubble_284_pointer.png
new file mode 100644
index 0000000..dae09b2
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_284_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_285.png b/src/assets/images/chat/chatbubbles/bubble_285.png
new file mode 100644
index 0000000..9d3f2e5
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_285.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_285_pointer.png b/src/assets/images/chat/chatbubbles/bubble_285_pointer.png
new file mode 100644
index 0000000..11d9615
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_285_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_286.png b/src/assets/images/chat/chatbubbles/bubble_286.png
new file mode 100644
index 0000000..ee5c706
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_286.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_286_pointer.png b/src/assets/images/chat/chatbubbles/bubble_286_pointer.png
new file mode 100644
index 0000000..cacb90a
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_286_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_287.png b/src/assets/images/chat/chatbubbles/bubble_287.png
new file mode 100644
index 0000000..597afec
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_287.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_287_pointer.png b/src/assets/images/chat/chatbubbles/bubble_287_pointer.png
new file mode 100644
index 0000000..be1db00
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_287_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_288.png b/src/assets/images/chat/chatbubbles/bubble_288.png
new file mode 100644
index 0000000..62f7236
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_288.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_288_pointer.png b/src/assets/images/chat/chatbubbles/bubble_288_pointer.png
new file mode 100644
index 0000000..565a77f
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_288_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_289.png b/src/assets/images/chat/chatbubbles/bubble_289.png
new file mode 100644
index 0000000..f3bf1ff
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_289.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_289_pointer.png b/src/assets/images/chat/chatbubbles/bubble_289_pointer.png
new file mode 100644
index 0000000..bfc3fdb
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_289_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_290.png b/src/assets/images/chat/chatbubbles/bubble_290.png
new file mode 100644
index 0000000..7eaaa0c
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_290.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_290_pointer.png b/src/assets/images/chat/chatbubbles/bubble_290_pointer.png
new file mode 100644
index 0000000..5077cd2
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_290_pointer.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_291.png b/src/assets/images/chat/chatbubbles/bubble_291.png
new file mode 100644
index 0000000..6a7e2a3
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_291.png differ
diff --git a/src/assets/images/chat/chatbubbles/bubble_291_pointer.png b/src/assets/images/chat/chatbubbles/bubble_291_pointer.png
new file mode 100644
index 0000000..5283392
Binary files /dev/null and b/src/assets/images/chat/chatbubbles/bubble_291_pointer.png differ
diff --git a/src/components/soundboard/SoundboardView.tsx b/src/components/soundboard/SoundboardView.tsx
index 76d7a80..a3ecf40 100644
--- a/src/components/soundboard/SoundboardView.tsx
+++ b/src/components/soundboard/SoundboardView.tsx
@@ -10,6 +10,18 @@ export const SoundboardView: FC<{}> = () =>
     const [ isVisible, setIsVisible ] = useState(false);
     const { enabled, sounds, lastPlayed, play } = useSoundboard();
 
+    const PAGE_SIZE = 9;
+    const [ page, setPage ] = useState(0);
+    const totalPages = Math.max(1, Math.ceil(sounds.length / PAGE_SIZE));
+
+    // Clamp the page if the sound list shrinks (or on first load).
+    useEffect(() =>
+    {
+        if(page > (totalPages - 1)) setPage(0);
+    }, [ totalPages, page ]);
+
+    const pageSounds = sounds.slice(page * PAGE_SIZE, (page * PAGE_SIZE) + PAGE_SIZE);
+
     useEffect(() =>
     {
         const linkTracker: ILinkEventTracker = {
@@ -49,18 +61,32 @@ export const SoundboardView: FC<{}> = () =>
                     { !sounds.length &&
                         <Text small className="text-black/50">{ LocalizeText('soundboard.empty') }</Text> }
                     { !!sounds.length &&
-                        <div className="grid grid-cols-3 gap-2">
-                            { sounds.map(sound => (
-                                <button
-                                    key={ sound.id }
-                                    onClick={ () => play(sound) }
-                                    title={ sound.name }
-                                    className="flex h-20 cursor-pointer flex-col items-center justify-center gap-1 rounded-lg bg-[#3a7bb5] px-2 text-white shadow transition-transform hover:bg-[#336ea3] active:scale-95">
-                                    <span className="text-2xl leading-none">🔊</span>
-                                    <span className="line-clamp-2 text-center text-[11px] font-bold leading-tight">{ sound.name }</span>
-                                </button>
-                            )) }
-                        </div> }
+                        <>
+                            <div className="grid grid-cols-3 gap-2">
+                                { pageSounds.map(sound => (
+                                    <button
+                                        key={ sound.id }
+                                        onClick={ () => play(sound) }
+                                        title={ sound.name }
+                                        className="flex h-20 cursor-pointer flex-col items-center justify-center gap-1 rounded-lg bg-[#3a7bb5] px-2 text-white shadow transition-transform hover:bg-[#336ea3] active:scale-95">
+                                        <span className="text-2xl leading-none">🔊</span>
+                                        <span className="line-clamp-2 text-center text-[11px] font-bold leading-tight">{ sound.name }</span>
+                                    </button>
+                                )) }
+                            </div>
+                            { totalPages > 1 &&
+                                <Flex alignItems="center" justifyContent="center" gap={ 2 } className="select-none pt-1">
+                                    <button
+                                        disabled={ page === 0 }
+                                        onClick={ () => setPage(p => Math.max(0, p - 1)) }
+                                        className="cursor-pointer rounded bg-[#3a7bb5] px-3 py-1 text-sm font-bold text-white hover:bg-[#336ea3] disabled:cursor-default disabled:opacity-40">◀</button>
+                                    <Text small bold className="min-w-[44px] text-center text-[#2f6f95]">{ page + 1 } / { totalPages }</Text>
+                                    <button
+                                        disabled={ page >= (totalPages - 1) }
+                                        onClick={ () => setPage(p => Math.min(totalPages - 1, p + 1)) }
+                                        className="cursor-pointer rounded bg-[#3a7bb5] px-3 py-1 text-sm font-bold text-white hover:bg-[#336ea3] disabled:cursor-default disabled:opacity-40">▶</button>
+                                </Flex> }
+                        </> }
                     { lastPlayed &&
                         <Flex alignItems="center" justifyContent="center" className="pt-1">
                             <Text small className="text-[#2f6f95]">
diff --git a/src/css/chat/Chats.css b/src/css/chat/Chats.css
index 43f093f..62773c9 100644
--- a/src/css/chat/Chats.css
+++ b/src/css/chat/Chats.css
@@ -807,6 +807,318 @@
             }
         }
 
+        &.bubble-253 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_253.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_253_pointer.png');
+            }
+        }
+
+        &.bubble-254 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_254.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_254_pointer.png');
+            }
+        }
+
+        &.bubble-255 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_255.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_255_pointer.png');
+            }
+        }
+
+        &.bubble-256 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_256.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_256_pointer.png');
+            }
+        }
+
+        &.bubble-257 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_257.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_257_pointer.png');
+            }
+        }
+
+        &.bubble-258 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_258.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_258_pointer.png');
+            }
+        }
+
+        &.bubble-259 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_259.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_259_pointer.png');
+            }
+        }
+
+        &.bubble-260 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_260.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_260_pointer.png');
+            }
+        }
+
+        &.bubble-261 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_261.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_261_pointer.png');
+            }
+        }
+
+        &.bubble-262 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_262.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_262_pointer.png');
+            }
+        }
+
+        &.bubble-263 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_263.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_263_pointer.png');
+            }
+        }
+
+        &.bubble-264 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_264.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_264_pointer.png');
+            }
+        }
+
+        &.bubble-265 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_265.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_265_pointer.png');
+            }
+        }
+
+        &.bubble-266 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_266.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_266_pointer.png');
+            }
+        }
+
+        &.bubble-267 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_267.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_267_pointer.png');
+            }
+        }
+
+        &.bubble-268 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_268.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_268_pointer.png');
+            }
+        }
+
+        &.bubble-269 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_269.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_269_pointer.png');
+            }
+        }
+
+        &.bubble-270 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_270.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_270_pointer.png');
+            }
+        }
+
+        &.bubble-271 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_271.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_271_pointer.png');
+            }
+        }
+
+        &.bubble-272 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_272.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_272_pointer.png');
+            }
+        }
+
+        &.bubble-273 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_273.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_273_pointer.png');
+            }
+        }
+
+        &.bubble-274 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_274.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_274_pointer.png');
+            }
+        }
+
+        &.bubble-275 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_275.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_275_pointer.png');
+            }
+        }
+
+        &.bubble-276 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_276.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_276_pointer.png');
+            }
+        }
+
+        &.bubble-277 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_277.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_277_pointer.png');
+            }
+        }
+
+        &.bubble-278 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_278.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_278_pointer.png');
+            }
+        }
+
+        &.bubble-279 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_279.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_279_pointer.png');
+            }
+        }
+
+        &.bubble-280 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_280.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_280_pointer.png');
+            }
+        }
+
+        &.bubble-281 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_281.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_281_pointer.png');
+            }
+        }
+
+        &.bubble-282 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_282.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_282_pointer.png');
+            }
+        }
+
+        &.bubble-283 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_283.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_283_pointer.png');
+            }
+        }
+
+        &.bubble-284 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_284.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_284_pointer.png');
+            }
+        }
+
+        &.bubble-285 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_285.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_285_pointer.png');
+            }
+        }
+
+        &.bubble-286 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_286.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_286_pointer.png');
+            }
+        }
+
+        &.bubble-287 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_287.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_287_pointer.png');
+            }
+        }
+
+        &.bubble-288 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_288.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_288_pointer.png');
+            }
+        }
+
+        &.bubble-289 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_289.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_289_pointer.png');
+            }
+        }
+
+        &.bubble-290 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_290.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_290_pointer.png');
+            }
+        }
+
+        &.bubble-291 {
+            border-image-source: url('@/assets/images/chat/chatbubbles/bubble_291.png');
+
+            .pointer {
+                background: url('@/assets/images/chat/chatbubbles/bubble_291_pointer.png');
+            }
+        }
+
         &.bubble-200,
         &.bubble-201,
         &.bubble-202,
@@ -1810,4 +2122,160 @@
             background: center / contain no-repeat url('@/assets/images/chat/chatbubbles/bubble_252_extra.png');
         }
     }
+    &.bubble-253 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_253.png');
+    }
+
+    &.bubble-254 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_254.png');
+    }
+
+    &.bubble-255 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_255.png');
+    }
+
+    &.bubble-256 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_256.png');
+    }
+
+    &.bubble-257 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_257.png');
+    }
+
+    &.bubble-258 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_258.png');
+    }
+
+    &.bubble-259 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_259.png');
+    }
+
+    &.bubble-260 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_260.png');
+    }
+
+    &.bubble-261 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_261.png');
+    }
+
+    &.bubble-262 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_262.png');
+    }
+
+    &.bubble-263 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_263.png');
+    }
+
+    &.bubble-264 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_264.png');
+    }
+
+    &.bubble-265 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_265.png');
+    }
+
+    &.bubble-266 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_266.png');
+    }
+
+    &.bubble-267 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_267.png');
+    }
+
+    &.bubble-268 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_268.png');
+    }
+
+    &.bubble-269 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_269.png');
+    }
+
+    &.bubble-270 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_270.png');
+    }
+
+    &.bubble-271 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_271.png');
+    }
+
+    &.bubble-272 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_272.png');
+    }
+
+    &.bubble-273 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_273.png');
+    }
+
+    &.bubble-274 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_274.png');
+    }
+
+    &.bubble-275 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_275.png');
+    }
+
+    &.bubble-276 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_276.png');
+    }
+
+    &.bubble-277 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_277.png');
+    }
+
+    &.bubble-278 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_278.png');
+    }
+
+    &.bubble-279 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_279.png');
+    }
+
+    &.bubble-280 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_280.png');
+    }
+
+    &.bubble-281 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_281.png');
+    }
+
+    &.bubble-282 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_282.png');
+    }
+
+    &.bubble-283 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_283.png');
+    }
+
+    &.bubble-284 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_284.png');
+    }
+
+    &.bubble-285 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_285.png');
+    }
+
+    &.bubble-286 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_286.png');
+    }
+
+    &.bubble-287 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_287.png');
+    }
+
+    &.bubble-288 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_288.png');
+    }
+
+    &.bubble-289 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_289.png');
+    }
+
+    &.bubble-290 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_290.png');
+    }
+
+    &.bubble-291 {
+        background-image: url('@/assets/images/chat/chatbubbles/bubble_291.png');
+    }
+
 }