diff --git a/app/Livewire/MovieList.php b/app/Livewire/MovieList.php
index a2c6730..cd4d8c5 100644
--- a/app/Livewire/MovieList.php
+++ b/app/Livewire/MovieList.php
@@ -5,10 +5,12 @@ namespace App\Livewire;
 use App\Livewire\Forms\MovieListForm;
 use App\Livewire\Forms\SettingsForm;
 use App\Models\MovieList as MovieListModel;
+use Livewire\Attributes\Locked;
 use Livewire\Component;
 
 class MovieList extends Component
 {
+    #[locked]
     public int $id;
     public MovieListModel $list;
     public $movies = [];
@@ -36,7 +38,6 @@ class MovieList extends Component
 
         if ($list) {
             $this->list = $list;
-            $this->movies = $list->movies;
             $this->filteredMovies = $list->movies;
             $this->settingsForm->setList($list);
         } else {
@@ -46,7 +47,7 @@ class MovieList extends Component
 
     public function filterMovies(): void
     {
-        $this->filteredMovies = collect($this->movies)
+        $this->filteredMovies = collect($this->list->movies)
             ->filter(fn($movie) => stripos($movie->title, $this->filterText) !== false);
     }
 
diff --git a/resources/views/components/ui/card.blade.php b/resources/views/components/ui/card.blade.php
index 17b66f3..e6db936 100644
--- a/resources/views/components/ui/card.blade.php
+++ b/resources/views/components/ui/card.blade.php
@@ -1,3 +1,3 @@
-<div {{ $attributes->merge(['class' => 'bg-gray-800 p-5 flex flex-col gap-5 items-center rounded']) }}>
+<div {{ $attributes->merge(['class' => 'bg-gray-700 p-5 flex flex-col gap-5 items-center rounded']) }}>
     {{ $slot }}
 </div>
diff --git a/resources/views/livewire/lists.blade.php b/resources/views/livewire/lists.blade.php
index 8db9253..1f983f4 100644
--- a/resources/views/livewire/lists.blade.php
+++ b/resources/views/livewire/lists.blade.php
@@ -26,8 +26,13 @@
 
         <ul class="w-full flex flex-col gap-5">
             @foreach($lists as $list)
-                <li class="flex justify-between text-center">
-                    <a href="/lists/{{$list->id}}" wire:navigate>{{$list->name}}</a>
+                <li class="flex py-5 justify-between text-center">
+                    <a class="font-bold text-2xl" href="/lists/{{$list->id}}" wire:navigate>{{$list->name}}</a>
+                    @if((bool)$list->is_public === true)
+                        <i class="fa fa-earth" title="Public" aria-label="Public"></i>
+                    @else
+                        <i class="fa fa-lock" title="Private" aria-label="Private"></i>
+                    @endif
                 </li>
             @endforeach
         </ul>
diff --git a/resources/views/livewire/movie-list.blade.php b/resources/views/livewire/movie-list.blade.php
index dcf5edd..3f33fe8 100644
--- a/resources/views/livewire/movie-list.blade.php
+++ b/resources/views/livewire/movie-list.blade.php
@@ -7,7 +7,7 @@
         </button>
     </div>
 
-    <x-ui.card class="overflow-hidden">
+    <x-ui.card class="overflow-hidden min-h-screen">
         <div class="absolute">
             <livewire:search-panel :list-id="$list->id"/>
             <livewire:movie-details-panel/>
@@ -20,9 +20,16 @@
                 <!-- Movie List View -->
                 <div class="w-full flex-shrink-0 flex flex-col gap-5">
                     <div class="flex flex-col-reverse sm:flex-row gap-5 sm:gap-0 justify-between w-full">
-                        <input class="flex bg-white p-2 rounded sm:w-100" type="text" placeholder="Filter movies"
-                               wire:model.live="filterText"
-                               wire:keyup="filterMovies"/>
+                        <div>
+                            <input class="flex bg-white p-2 rounded sm:w-100" type="text" placeholder="Filter movies"
+                                   wire:model.live="filterText"
+                                   wire:keyup="filterMovies"/>
+                            <div class="mt-5">
+                                <span class="bold">Sort: </span>
+                                <span>DESC</span>
+                                <span>ASC</span>
+                            </div>
+                        </div>
 
                         <hr class="my-2 sm:my-0"/>
                         <button wire:click="$dispatch('openSearch')"
@@ -45,7 +52,6 @@
                         </div>
                     @endif
                 </div>
-
                 <!-- Settings View -->
                 <div class="w-full flex-shrink-0 flex flex-col gap-5">
                     <div class="flex justify-between items-center">
@@ -55,7 +61,7 @@
                         <h2 class="text-xl font-semibold">Settings</h2>
                     </div>
 
-                    <div class="flex flex-col gap-2 w-full">
+                    <div class="flex flex-col gap-2 w-full p-5">
                         <label for="list-name">List Name</label>
                         <div class="flex flex-row">
                             <input type="text" wire:model.live="settingsForm.name" id="list-name"
@@ -64,8 +70,9 @@
                             </button>
                         </div>
                     </div>
-                    <div class="flex items-center justify-between bg-gray-700 p-4 rounded">
-                        <label for="is_public" class="text-white">Make list public</label>
+                    <div
+                        class="flex items-center justify-between bg-gray-700 hover:bg-gray-500 hover:opacity-85 p-5 rounded">
+                        <label for="is_public" class="text-white cursor-pointer">Make list public</label>
                         <input type="checkbox"
                                id="is_public"
                                wire:model.live="settingsForm.isPublic"
diff --git a/resources/views/pages/auth/register.blade.php b/resources/views/pages/auth/register.blade.php
index 5c3fbbd..fe39da6 100644
--- a/resources/views/pages/auth/register.blade.php
+++ b/resources/views/pages/auth/register.blade.php
@@ -1,23 +1,28 @@
-<div class="text-2xl">
-    <h1 class="text-center m-5">Create Account</h1>
+<x-layouts.auth>
+    <div class="text-2xl text-white flex flex-col items-center gap-10 py-6 min-h-screen">
+        <x-ui.site-logo class="w-50 mt-4"/>
 
-    <form class="flex flex-col gap-5" wire:submit="register">
-        @if($errors->any())
-            <div class="text-red-500">
-                @foreach($errors->all() as $error)
-                    <p>{{$error}}</p>
-                @endforeach
-            </div>
-        @endif
+        <x-ui.card class="w-full max-w-md">
+            <form class="flex flex-col gap-5 w-full" wire:submit="register">
+                @if($errors->any())
+                    <div class="text-red-500">
+                        @foreach($errors->all() as $error)
+                            <p>{{$error}}</p>
+                        @endforeach
+                    </div>
+                @endif
 
-        <div class="flex flex-col">
-            <label class="py-5" for="username">Username</label>
-            <input class="bg-white" type="text" wire:model.live="form.username"/>
-        </div>
-        <div class="flex flex-col">
-            <label class="py-5" for="email">Email</label>
-            <input class="bg-white" type="email" wire:model.live="form.email"/>
-        </div>
-        <button type="submit" class="bg-green-400 text-white px-4 py-2 rounded">Submit</button>
-    </form>
-</div>
+                <div class="flex flex-col gap-2">
+                    <label class="font-bold" for="username">Username</label>
+                    <input class="bg-white p-2" type="text" wire:model.live="form.username"/>
+                </div>
+                <div class="flex flex-col gap-2">
+                    <label class="font-bold" for="email">Email</label>
+                    <input class="bg-white p-2" type="email" wire:model.live="form.email"/>
+                </div>
+
+                <button class="bg-green-400 rounded p-2" type="submit">Create Account</button>
+            </form>
+        </x-ui.card>
+    </div>
+</x-layouts.auth>
diff --git a/resources/views/pages/auth/reset-password.blade.php b/resources/views/pages/auth/reset-password.blade.php
index 475f282..8c335b9 100644
--- a/resources/views/pages/auth/reset-password.blade.php
+++ b/resources/views/pages/auth/reset-password.blade.php
@@ -1,43 +1,33 @@
-<div class="text-2xl">
-    <h1 class="text-center m-5">Reset Password</h1>
+<x-layouts.auth>
+    <div class="text-2xl text-white flex flex-col items-center gap-10 py-6 min-h-screen">
+        <x-ui.site-logo class="w-50 mt-4"/>
 
-    <form class="flex flex-col gap-5" wire:submit="resetPassword">
-        @csrf
-        @if($errors->any())
-            <div class="text-red-500">
-                @foreach($errors->all() as $error)
-                    <p>{{$error}}</p>
-                @endforeach
-            </div>
-        @endif
+        <x-ui.card class="w-full max-w-md">
+            <form class="flex flex-col gap-5 w-full" wire:submit="resetPassword">
+                @csrf
+                @if($errors->any())
+                    <div class="text-red-500">
+                        @foreach($errors->all() as $error)
+                            <p>{{$error}}</p>
+                        @endforeach
+                    </div>
+                @endif
 
-        <div class="flex flex-col">
-            <label class="py-5" for="email">Email</label>
-            <input
-                class="bg-white"
-                type="email"
-                name="email"
-                wire:model.live="form.email"
-            />
-        </div>
-        <div class="flex flex-col">
-            <label class="py-5" for="password">Password</label>
-            <input
-                class="bg-white"
-                type="password"
-                name="password"
-                wire:model.live="form.password"
-            />
-        </div>
-        <div class="flex flex-col">
-            <label class="py-5" for="password_confirmation">Confirm Password</label>
-            <input
-                class="bg-white"
-                type="password"
-                name="password_confirmation"
-                wire:model.live="form.password_confirmation"
-            />
-        </div>
-        <button type="submit">Submit</button>
-    </form>
-</div>
+                <div class="flex flex-col gap-2">
+                    <label class="font-bold" for="email">Email</label>
+                    <input class="bg-white p-2" type="email" name="email" wire:model.live="form.email"/>
+                </div>
+                <div class="flex flex-col gap-2">
+                    <label class="font-bold" for="password">Password</label>
+                    <input class="bg-white p-2" type="password" name="password" wire:model.live="form.password"/>
+                </div>
+                <div class="flex flex-col gap-2">
+                    <label class="font-bold" for="password_confirmation">Confirm Password</label>
+                    <input class="bg-white p-2" type="password" name="password_confirmation" wire:model.live="form.password_confirmation"/>
+                </div>
+
+                <button class="bg-green-400 rounded p-2" type="submit">Reset Password</button>
+            </form>
+        </x-ui.card>
+    </div>
+</x-layouts.auth>