diff --git a/app/Http/Livewire/News/ArticleOverview.php b/app/Http/Livewire/News/ArticleOverview.php
index a567b12c..3c8e40fa 100644
--- a/app/Http/Livewire/News/ArticleOverview.php
+++ b/app/Http/Livewire/News/ArticleOverview.php
@@ -5,9 +5,24 @@ namespace App\Http\Livewire\News;
 use App\Models\LibraryItem;
 use Livewire\Component;
 use RalphJSmit\Laravel\SEO\Support\SEOData;
+use WireUi\Traits\Actions;
 
 class ArticleOverview extends Component
 {
+    use Actions;
+
+    public function approve($id)
+    {
+        $libraryItem = LibraryItem::find($id);
+        $libraryItem->approved = true;
+        $libraryItem->save();
+
+        $this->notification()
+             ->success(__('Article approved'));
+
+        $this->emit('$reload');
+    }
+
     public function render()
     {
         return view('livewire.news.article-overview', [
@@ -19,11 +34,22 @@ class ArticleOverview extends Component
                                          ])
                                          ->where('type', 'markdown_article')
                                          ->when(app()->environment('production'),
-                                             fn($query) => $query
-                                                 ->whereHas('createdBy.roles',
-                                                     fn($query) => $query->where('roles.name', 'news-editor'))
+                                             function ($query) {
+                                                 if (auth()->user() && auth()
+                                                         ->user()
+                                                         ->hasRole('news-editor')) {
+
+                                                 }
+                                                 if (auth()->user() && !auth()
+                                                         ->user()
+                                                         ->hasRole('news-editor')) {
+                                                     $query
+                                                         ->whereHas('createdBy.roles',
+                                                             fn($query) => $query->where('roles.name', 'news-editor'))
+                                                         ->where('approved', true);
+                                                 }
+                                             }
                                          )
-                                         ->where('approved', true)
                                          ->orderByDesc('created_at')
                                          ->get(),
         ])->layout('layouts.app', [
diff --git a/resources/views/livewire/news/article-overview.blade.php b/resources/views/livewire/news/article-overview.blade.php
index 92fea702..33e17de7 100644
--- a/resources/views/livewire/news/article-overview.blade.php
+++ b/resources/views/livewire/news/article-overview.blade.php
@@ -64,12 +64,35 @@
                                             <span>{{ $libraryItem->read_time }} {{ __('min read') }}</span>
                                         @endif
                                     </div>
-                                    <div class="flex space-x-1 text-sm text-gray-500 justify-end">
+                                    <div class="flex space-x-1 text-sm text-gray-500 justify-end items-end">
                                         @if($libraryItem->created_by == auth()->id() || auth()->user()?->hasRole('news-editor'))
-                                            <x-button xs :href="route('news.form', ['libraryItem' => $libraryItem])">
-                                                <i class="fa fa-thin fa-edit"></i>
-                                                {{ __('Edit') }}
-                                            </x-button>
+                                            <div>
+                                                @if(auth()->user()?->hasRole('news-editor'))
+                                                    @if($libraryItem->approved)
+                                                        <x-badge green>{{ __('approved') }}</x-badge>
+                                                    @else
+                                                        <x-badge negative>{{ __('not approved') }}</x-badge>
+                                                    @endif
+                                                @endif
+                                            </div>
+                                            <div>
+                                                @if(!$libraryItem->approved && auth()->user()?->hasRole('news-editor'))
+                                                    <x-button
+                                                        xs
+                                                        wire:click="approve({{ $libraryItem->id }})"
+                                                    >
+                                                        <i class="fa fa-thin fa-check"></i>
+                                                        {{ __('Approve') }}
+                                                    </x-button>
+                                                @endif
+                                            </div>
+                                            <div>
+                                                <x-button xs
+                                                          :href="route('news.form', ['libraryItem' => $libraryItem])">
+                                                    <i class="fa fa-thin fa-edit"></i>
+                                                    {{ __('Edit') }}
+                                                </x-button>
+                                            </div>
                                         @endif
                                     </div>
                                 </div>