diff --git a/app/Events/ChatMessageSentEvent.php b/app/Events/ChatMessageSentEvent.php
new file mode 100644
index 00000000..dae773cf
--- /dev/null
+++ b/app/Events/ChatMessageSentEvent.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Events;
+
+use Illuminate\Broadcasting\Channel;
+use Illuminate\Broadcasting\InteractsWithSockets;
+use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
+use Illuminate\Foundation\Events\Dispatchable;
+use Illuminate\Queue\SerializesModels;
+
+class ChatMessageSentEvent implements ShouldBroadcast
+{
+    use Dispatchable, InteractsWithSockets, SerializesModels;
+
+    /**
+     * Create a new event instance.
+     * @return void
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    /**
+     * Get the channels the event should broadcast on.
+     * @return \Illuminate\Broadcasting\Channel|array
+     */
+    public function broadcastOn()
+    {
+        return new Channel('plebchannel');
+    }
+}
diff --git a/app/Events/PlebLoggedInEvent.php b/app/Events/PlebLoggedInEvent.php
index 143f0b77..6dcb442a 100644
--- a/app/Events/PlebLoggedInEvent.php
+++ b/app/Events/PlebLoggedInEvent.php
@@ -27,6 +27,6 @@ class PlebLoggedInEvent implements ShouldBroadcast
      */
     public function broadcastOn()
     {
-        return new Channel('login');
+        return new Channel('plebchannel');
     }
 }
diff --git a/app/Http/Livewire/BookCase/HighscoreTable.php b/app/Http/Livewire/BookCase/HighscoreTable.php
index 2fc47ffa..aa3b3e3b 100644
--- a/app/Http/Livewire/BookCase/HighscoreTable.php
+++ b/app/Http/Livewire/BookCase/HighscoreTable.php
@@ -34,6 +34,11 @@ class HighscoreTable extends Component
         ]);
     }
 
+    public function toggleChat()
+    {
+        $this->emit('toggleHighscoreChat');
+    }
+
     public function openModal($id)
     {
         $this->modal = User::query()
diff --git a/app/Http/Livewire/Chat/HighscoreChat.php b/app/Http/Livewire/Chat/HighscoreChat.php
new file mode 100644
index 00000000..df2ba118
--- /dev/null
+++ b/app/Http/Livewire/Chat/HighscoreChat.php
@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Http\Livewire\Chat;
+
+use App\Events\ChatMessageSentEvent;
+use Livewire\Component;
+
+class HighscoreChat extends Component
+{
+    public bool $open = false;
+
+    public array $messages = [];
+    public string $myNewMessage = '';
+
+    public function rules()
+    {
+        return [
+            'myNewMessage' => 'required|min:1|max:255',
+        ];
+    }
+
+    public function getListeners()
+    {
+        return [
+            'toggleHighscoreChat'                               => 'toggle',
+            'echo:plebchannel,.App\Events\ChatMessageSentEvent' => 'chatMessageSent',
+        ];
+    }
+
+    public function mount()
+    {
+        $this->messages = cache()->get('highscore_chat_messages', []);
+    }
+
+    public function toggle()
+    {
+        $this->open = !$this->open;
+    }
+
+    public function chatMessageSent()
+    {
+        $this->messages = cache()->get('highscore_chat_messages', []);
+        $this->dispatchBrowserEvent('chat-updated');
+    }
+
+    public function sendMessage()
+    {
+        $this->validate();
+        $newMessages = collect($this->messages)
+            ->push([
+                'fromId'   => auth()->id(),
+                'fromName' => str(auth()->user()->name)->initials(),
+                'userImg'  => str(auth()->user()->profile_photo_url)->replace('background=EBF4FF', 'background=F7931A'),
+                'message'  => $this->myNewMessage,
+                'time'     => now()->asDateTime(),
+            ])
+            ->toArray();
+        cache()->set('highscore_chat_messages', $newMessages);
+        event(new ChatMessageSentEvent());
+        $this->messages = $newMessages;
+        $this->myNewMessage = '';
+    }
+
+    public function render()
+    {
+        return view('livewire.chat.highscore-chat');
+    }
+}
diff --git a/app/Http/Livewire/LaravelEcho.php b/app/Http/Livewire/LaravelEcho.php
index 4aab3e68..d71ddfba 100644
--- a/app/Http/Livewire/LaravelEcho.php
+++ b/app/Http/Livewire/LaravelEcho.php
@@ -9,7 +9,7 @@ class LaravelEcho extends Component
 {
     use Actions;
 
-    protected $listeners = ['echo:login,.App\Events\PlebLoggedInEvent' => 'plebLoggedIn'];
+    protected $listeners = ['echo:plebchannel,.App\Events\PlebLoggedInEvent' => 'plebLoggedIn'];
 
     public function plebLoggedIn($data)
     {
diff --git a/package.json b/package.json
index 3130f615..63b94a61 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     },
     "devDependencies": {
         "@alpinejs/collapse": "^3.10.5",
+        "@alpinejs/intersect": "^3.11.1",
         "@tailwindcss/forms": "^0.5.2",
         "@tailwindcss/typography": "^0.5.0",
         "alpinejs": "^3.0.6",
diff --git a/resources/js/app.js b/resources/js/app.js
index 0b09d8bc..1176130c 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -2,8 +2,10 @@ import './bootstrap';
 
 import Alpine from 'alpinejs';
 import collapse from '@alpinejs/collapse'
+import intersect from '@alpinejs/intersect'
 
 window.Alpine = Alpine;
 
 Alpine.plugin(collapse)
+Alpine.plugin(intersect)
 Alpine.start();
diff --git a/resources/lang/de.json b/resources/lang/de.json
index a244ccbb..85d160e0 100644
--- a/resources/lang/de.json
+++ b/resources/lang/de.json
@@ -667,5 +667,10 @@
     "Click to connect": "Direkt verbinden",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "Scanne diesen QR-Code oder kopiere ihn in deine Lightning-Wallet. Oder klicke, um dich mit deiner Wallet einzuloggen.",
     "Entries": "Einträge",
-    "Payment Required": "Zahlung erforderlich"
+    "Payment Required": "Zahlung erforderlich",
+    "Parent": "Übergeordnet",
+    "PlebChat": "",
+    "Close panel": "Schließe Panel",
+    "This chat is limited by 100 messages.": "Dieser Chat ist auf 100 Nachrichten begrenzt. Die ältesten Nachrichten werden gelöscht und die Nachrichten werden nicht gespeichert.",
+    "Send": "Senden"
 }
diff --git a/resources/lang/en.json b/resources/lang/en.json
index 2c8a8c0e..d9bd5ff3 100644
--- a/resources/lang/en.json
+++ b/resources/lang/en.json
@@ -661,5 +661,10 @@
     "Click to connect": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/es.json b/resources/lang/es.json
index ca073084..644fde6b 100644
--- a/resources/lang/es.json
+++ b/resources/lang/es.json
@@ -661,5 +661,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/fr.json b/resources/lang/fr.json
index 8bc065f9..2661abc5 100644
--- a/resources/lang/fr.json
+++ b/resources/lang/fr.json
@@ -661,5 +661,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/hr.json b/resources/lang/hr.json
index bcbb74d6..e8e1d76d 100644
--- a/resources/lang/hr.json
+++ b/resources/lang/hr.json
@@ -661,5 +661,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/it.json b/resources/lang/it.json
index fd57eaf7..f0fe0a62 100644
--- a/resources/lang/it.json
+++ b/resources/lang/it.json
@@ -661,5 +661,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/mk.json b/resources/lang/mk.json
index 3b022ac4..e9c8f01f 100644
--- a/resources/lang/mk.json
+++ b/resources/lang/mk.json
@@ -661,5 +661,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/pl.json b/resources/lang/pl.json
index 822bf163..937de176 100644
--- a/resources/lang/pl.json
+++ b/resources/lang/pl.json
@@ -661,5 +661,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/pt.json b/resources/lang/pt.json
index 50cd2d8c..864348a0 100644
--- a/resources/lang/pt.json
+++ b/resources/lang/pt.json
@@ -661,5 +661,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/lang/tr.json b/resources/lang/tr.json
index b35254b5..f21e162d 100644
--- a/resources/lang/tr.json
+++ b/resources/lang/tr.json
@@ -635,5 +635,10 @@
     "Node Id": "",
     "Scan this code or copy & paste it to your lightning wallet. Or click to login with your wallet.": "",
     "Entries": "",
-    "Payment Required": ""
+    "Payment Required": "",
+    "Parent": "",
+    "PlebChat": "",
+    "Close panel": "",
+    "This chat is limited by 100 messages.": "",
+    "Send": ""
 }
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 22e98c2d..1ddd916d 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -31,52 +31,57 @@
     <script src="https://unpkg.com/smoothscroll-polyfill@0.4.4/dist/smoothscroll.js"></script>
     @mapscripts
     <wireui:scripts/>
-    <x-comments::scripts />
+    <x-comments::scripts/>
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     <!-- Styles -->
-    <x-comments::styles />
+    <x-comments::styles/>
     @livewireStyles
     @mapstyles
     <style>
-        .comments {
-            --comments-color-background: rgb(34, 34, 34);
-            --comments-color-background: rgb(34, 34, 34);
-            --comments-color-background-nested: rgb(34, 34, 34);
-            --comments-color-background-paper: rgb(55, 51, 51);
-            --comments-color-background-info: rgb(104, 89, 214);
+      .comments {
+        --comments-color-background: rgb(34, 34, 34);
+        --comments-color-background: rgb(34, 34, 34);
+        --comments-color-background-nested: rgb(34, 34, 34);
+        --comments-color-background-paper: rgb(55, 51, 51);
+        --comments-color-background-info: rgb(104, 89, 214);
 
-            --comments-color-reaction: rgb(59, 59, 59);
-            --comments-color-reaction-hover: rgb(65, 63, 63);
-            --comments-color-reacted: rgba(67, 56, 202, 0.25);
-            --comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
+        --comments-color-reaction: rgb(59, 59, 59);
+        --comments-color-reaction-hover: rgb(65, 63, 63);
+        --comments-color-reacted: rgba(67, 56, 202, 0.25);
+        --comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
 
-            --comments-color-border: rgb(221, 221, 221);
+        --comments-color-border: rgb(221, 221, 221);
 
-            --comments-color-text:white;
-            --comments-color-text-dimmed: rgb(164, 164, 164);
-            --comments-color-text-inverse: white;
+        --comments-color-text: white;
+        --comments-color-text-dimmed: rgb(164, 164, 164);
+        --comments-color-text-inverse: white;
 
-            --comments-color-accent: rgba(67, 56, 202);
-            --comments-color-accent-hover: rgba(67, 56, 202, 0.75);
+        --comments-color-accent: rgba(67, 56, 202);
+        --comments-color-accent-hover: rgba(67, 56, 202, 0.75);
 
-            --comments-color-danger: rgb(225, 29, 72);
-            --comments-color-danger-hover: rgb(225, 29, 72, 0.75);
+        --comments-color-danger: rgb(225, 29, 72);
+        --comments-color-danger-hover: rgb(225, 29, 72, 0.75);
 
-            --comments-color-success: rgb(10, 200, 134);
-            --comments-color-success-hover: rgb(10, 200, 134, 0.75);
+        --comments-color-success: rgb(10, 200, 134);
+        --comments-color-success-hover: rgb(10, 200, 134, 0.75);
 
-            --comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-        }
-        .comments-button {
-            background-color: #F7931A !important;
-        }
+        --comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+      }
 
-        [x-cloak] {
-            display: none !important;
-        }
+      .comments-button {
+        background-color: #F7931A !important;
+      }
+
+      [x-cloak] {
+        display: none !important;
+      }
     </style>
 </head>
 <body class="font-sans antialiased bg-21gray dark">
+@if(auth()->user())
+    {{-- HIGHSCORE-CHAT --}}
+    <livewire:chat.highscore-chat/>
+@endif
 <livewire:laravel-echo/>
 <x-notifications z-index="z-50" blur="md" align="center"/>
 <x-jet-banner/>
diff --git a/resources/views/livewire/book-case/highscore-table.blade.php b/resources/views/livewire/book-case/highscore-table.blade.php
index 396ccb76..25c6b58c 100644
--- a/resources/views/livewire/book-case/highscore-table.blade.php
+++ b/resources/views/livewire/book-case/highscore-table.blade.php
@@ -14,6 +14,18 @@
                         {{ __('Hall of fame of our honorable plebs') }}
                     </p>
                 </div>
+                <div class="w-1/2">
+                    <x-button
+                        class="relative"
+                        primary
+                        lg
+                        wire:click="toggleChat">
+                        <i class="fa-thin fa-comments"></i>
+                        <span
+                            class="animate-ping absolute inline-flex h-full w-full rounded-full bg-amber-400 opacity-75"></span>
+                        Chat
+                    </x-button>
+                </div>
             </div>
 
             <ul role="list" class="grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
diff --git a/resources/views/livewire/chat/highscore-chat.blade.php b/resources/views/livewire/chat/highscore-chat.blade.php
new file mode 100644
index 00000000..4ec3f9b5
--- /dev/null
+++ b/resources/views/livewire/chat/highscore-chat.blade.php
@@ -0,0 +1,127 @@
+<div x-data="{ open: @entangle('open') }" x-show="open" class="relative z-50"
+     aria-labelledby="slide-over-title" x-ref="dialog" aria-modal="true">
+
+    <div class="fixed inset-0 overflow-hidden">
+        <div class="absolute inset-0 overflow-hidden">
+            <div class="pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10">
+
+                <div x-show="open" x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
+                     x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0"
+                     x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
+                     x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full"
+                     class="pointer-events-auto w-screen max-w-md"
+                     x-description="Slide-over panel, show/hide based on slide-over state.">
+                    <div class="flex h-full flex-col overflow-y-scroll bg-white shadow-xl">
+                        <div class="bg-amber-700 py-6 px-4 sm:px-6">
+                            <div class="flex items-center justify-between">
+                                <h2 class="text-lg font-medium text-gray-900" id="slide-over-title">{{ __('PlebChat') }}</h2>
+                                <div class="ml-3 flex h-7 items-center">
+                                    <button type="button"
+                                            class="rounded-md bg-amber-700 text-amber-200 hover:text-white focus:outline-none focus:ring-2 focus:ring-white"
+                                            @click="open = false">
+                                        <span class="sr-only">{{ __('Close panel') }}</span>
+                                        <svg class="h-6 w-6" x-description="Heroicon name: outline/x-mark"
+                                             xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                                             stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+                                            <path stroke-linecap="round" stroke-linejoin="round"
+                                                  d="M6 18L18 6M6 6l12 12"></path>
+                                        </svg>
+                                    </button>
+                                </div>
+                            </div>
+                            <div class="mt-1">
+                                <p class="text-sm text-gray-900">
+                                    {{ __('This chat is limited by 100 messages.') }}
+                                </p>
+                            </div>
+                        </div>
+                        <div class="relative flex-1">
+                            <!-- Replace with your content -->
+                            <div class="absolute inset-0">
+                                <div class="flex antialiased text-gray-800 h-full">
+                                    <div class="flex flex-row w-full overflow-x-hidden">
+                                        <div class="flex flex-col flex-auto">
+                                            <div
+                                                class="flex flex-col h-full flex-auto flex-shrink-0 bg-21gray p-4"
+                                            >
+                                                <div
+                                                    x-data="{ scroll: () => { $el.scrollTo(0, $el.scrollHeight); }}"
+                                                    @chat-updated.window="scroll()"
+                                                    x-intersect="scroll()"
+                                                    class="flex flex-col overflow-x-auto mb-4">
+                                                    <div class="flex flex-col">
+                                                        <div class="grid grid-cols-12 gap-y-2">
+
+                                                            @php
+                                                                $myMessageClass = 'col-start-1 col-end-8 p-3 rounded-lg';
+                                                                $otherMessageClass = 'col-start-6 col-end-13 p-3 rounded-lg';
+                                                            @endphp
+
+                                                            @foreach($messages as $message)
+                                                                <div class="{{ auth()->id() === $message['fromId'] ? $myMessageClass : $otherMessageClass }}">
+                                                                    <div class="flex flex-row items-center">
+                                                                        <div
+                                                                            class="flex items-center justify-center h-10 w-10 rounded-full flex-shrink-0"
+                                                                        >
+                                                                            <img class="object-cover rounded" src="{{ $message['userImg'] }}" alt="{{ $message['fromName'] }}">
+                                                                        </div>
+                                                                        <div
+                                                                            class="relative ml-3 text-sm bg-white py-2 px-4 shadow rounded-xl"
+                                                                        >
+                                                                            <div>
+                                                                                <p>
+                                                                                    {{ $message['message'] }}
+                                                                                </p>
+                                                                                <p class="text-xs text-gray-400 italic">
+                                                                                    {{ $message['time'] }}
+                                                                                </p>
+                                                                            </div>
+                                                                        </div>
+                                                                    </div>
+                                                                </div>
+                                                            @endforeach
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                                <div
+                                                    class="flex flex-row items-center h-16 rounded-xl bg-white w-full px-4"
+                                                >
+                                                    <div class="flex-grow ml-4">
+                                                        <form wire:submit.prevent="sendMessage">
+                                                            <div class="relative w-full">
+                                                                <input
+                                                                    wire:model="myNewMessage"
+                                                                    type="text"
+                                                                    class="flex w-full border rounded-xl focus:outline-none focus:border-amber-300 pl-4 h-10"
+                                                                />
+                                                                @error('myNewMessage')<p
+                                                                    class="text-red-500 text-xs">{{ $message }}</p>@enderror
+                                                            </div>
+                                                        </form>
+                                                    </div>
+                                                    <div class="ml-4">
+                                                        <button
+                                                            wire:click="sendMessage"
+                                                            class="flex items-center justify-center bg-amber-500 hover:bg-amber-600 rounded-xl text-white px-4 py-1 flex-shrink-0"
+                                                        >
+                                                            <span>{{ __('Send') }}</span>
+                                                            <span class="ml-2">
+                                                              <i class="fa-thin fa-envelope w-4 h-4 transform rotate-45 -mt-px"></i>
+                                                            </span>
+                                                        </button>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- /End replace -->
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/yarn.lock b/yarn.lock
index 153891de..20937da2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7,6 +7,11 @@
   resolved "https://registry.yarnpkg.com/@alpinejs/collapse/-/collapse-3.11.1.tgz#391b393f646f1c43787fcc7351d365a7ac0ae538"
   integrity sha512-H5GQ4rEWN5Z5vKf4U+FtUdcRDdHSa+p4cAesiB+I2njfOxw0EDuobugiP1Pf3DpmyIk8iJx7feLmxeboqxbpRA==
 
+"@alpinejs/intersect@^3.11.1":
+  version "3.11.1"
+  resolved "https://registry.yarnpkg.com/@alpinejs/intersect/-/intersect-3.11.1.tgz#858e0aa5689c459fbd22442bbe06c65b00fa4786"
+  integrity sha512-kY8MBSZhfgaaEQC94flhCUVX04RAEXpZRZSKFb8cToDNDFbVhVFF8HNPEAwH+SQOAI45A0LFjGbVaO9m89egVw==
+
 "@esbuild/android-arm@0.15.18":
   version "0.15.18"
   resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.15.18.tgz#266d40b8fdcf87962df8af05b76219bc786b4f80"