diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..9d1acb8
Binary files /dev/null and b/.DS_Store differ
diff --git a/app/Livewire/App/Icon.php b/app/Livewire/App/Icon.php
new file mode 100644
index 0000000..e92a392
--- /dev/null
+++ b/app/Livewire/App/Icon.php
@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Livewire\App;
+
+use Livewire\Component;
+
+class Icon extends Component
+{
+	public string $name = 'paw-simple';
+	public string $attrs = '';
+	public string|null $slot = null;
+
+    public function render()
+    {
+        return view('livewire.app.icon');
+    }
+}
diff --git a/resources/css/app.css b/resources/css/app.css
index ff1ea3c..5794139 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -1,10 +1,8 @@
-@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/webawesome.css');
-@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/utilities.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/webawesome.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/utilities.css');
 
-@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/tailspin.css');
-@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/color/bright.css');
-@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/brand/purple.css');
-@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/awesome/typography.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/themes/tailspin.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/styles/color/palettes/default.css');
 
 html,
 body {
@@ -19,9 +17,9 @@ body {
 .wa-theme-nyaabooru {
     --wa-icon-family: classic;
     --wa-icon-variant: light;
-    --wa-border-radius-scale: 0.5;
-    --wa-space-scale: 1;
-    --wa-border-width-scale: 1;
+	--wa-border-radius-scale: 0.5;
+	--wa-border-width-scale: 1;
+	--wa-space-scale: 0.75;
 }
 
 wa-page {
diff --git a/resources/views/components/layouts/app.blade.php b/resources/views/components/layouts/app.blade.php
index eba46e0..598c516 100644
--- a/resources/views/components/layouts/app.blade.php
+++ b/resources/views/components/layouts/app.blade.php
@@ -1,12 +1,12 @@
 <!doctype html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-cloak wa-dark">
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="wa-cloak wa-theme-tailspin wa-palette-default wa-dark wa-brand-pink wa-neutral-gray wa-success-green wa-warning-yellow wa-danger-red">
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 		<meta name="csrf-token" content="{{ csrf_token() }}">
 		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
-		<script type="module" src="https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/webawesome.loader.js" data-fa-kit-code="ba9cf75857"></script>
 		@vite(['resources/css/app.css', 'resources/js/app.js'])
+		<script type="module" src="https://early.webawesome.com/webawesome@3.0.0-beta.1/dist/webawesome.loader.js" data-fa-kit-code="ba9cf75857"></script>
 		@livewireStyles
 		<title>{{ $title ?? 'Untitled' }} ~ {{ config('app.name') }}</title>
 	</head>
@@ -20,7 +20,7 @@
 				<div class="wa-cluster">
 					<wa-icon-button data-toggle-nav name="bars" label="Menu"></wa-icon-button>
 					<a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover>
-						<wa-icon name="paw-simple"></wa-icon>
+						<livewire:app.icon name="paw-simple" />
 						{{ config('app.name') }}
 					</a>
 				</div>
@@ -28,7 +28,7 @@
 
 			<nav slot="navigation-header">
 				<a href="{{ route('home') }}" class="wa-cluster" style="font-size: 1.5rem;" wire:navigate.hover>
-					<wa-icon name="paw-simple"></wa-icon>
+					<livewire:app.icon name="paw-simple" />
 					{{ config('app.name') }}
 				</a>
 			</nav>
diff --git a/resources/views/livewire/app/data-card.blade.php b/resources/views/livewire/app/data-card.blade.php
index cb4deb3..bdd410b 100644
--- a/resources/views/livewire/app/data-card.blade.php
+++ b/resources/views/livewire/app/data-card.blade.php
@@ -1,7 +1,7 @@
 <wa-card>
 	<div class="wa-flank wa-align-items-start">
 		<wa-avatar shape="rounded">
-			<wa-icon slot="icon" name="{{ $icon }}"></wa-icon>
+			<livewire:app.icon slot="icon" :name="$icon" />
 		</wa-avatar>
 		<div class="wa-stack wa-gap-2xs">
 			<h3 class="wa-caption-m">{{ $title }}</h3>
diff --git a/resources/views/livewire/app/footer.blade.php b/resources/views/livewire/app/footer.blade.php
index 5de8b9c..37e07d3 100644
--- a/resources/views/livewire/app/footer.blade.php
+++ b/resources/views/livewire/app/footer.blade.php
@@ -1,7 +1,7 @@
 <div class="wa-split">
 	<div class="wa-stack wa-gap-2xs">
 		<div class="wa-cluster wa-heading-l">
-			<wa-icon name="paw-simple"></wa-icon>
+			<livewire:app.icon name="paw-simple" />
 			<span>{{ config('app.name') }}</span>
 		</div>
 		<span class="wa-caption-l">&copy; 2025 <a href="https://nyaastudios.io" target="_blank">NyaaStudios</a>; All rights reserved.</span>
diff --git a/resources/views/livewire/app/home.blade.php b/resources/views/livewire/app/home.blade.php
index fa1f352..88ba27b 100644
--- a/resources/views/livewire/app/home.blade.php
+++ b/resources/views/livewire/app/home.blade.php
@@ -1,11 +1,5 @@
 <div class="wa-stack wa-gap-3xl">
-	<div class="wa-grid">
-{{--		<h1 class="wa-cluster">--}}
-{{--			<wa-icon name="paw-simple"></wa-icon>--}}
-{{--			{{ config('app.name') }}--}}
-{{--		</h1>--}}
-		<h1>{{ config('app.name') }}</h1>
-	</div>
+	<h1>{{ config('app.name') }}</h1>
 
 	<livewire:post-feature lazy />
 </div>
diff --git a/resources/views/livewire/app/icon.blade.php b/resources/views/livewire/app/icon.blade.php
new file mode 100644
index 0000000..65d7b86
--- /dev/null
+++ b/resources/views/livewire/app/icon.blade.php
@@ -0,0 +1,3 @@
+<span>
+	<wa-icon name="{{ $name }}" variant="light" fixed-width @isset($slot) slot="{{ $slot }}" @endisset $attrs></wa-icon>
+</span>
diff --git a/resources/views/livewire/app/nav-footer.blade.php b/resources/views/livewire/app/nav-footer.blade.php
index f1cae57..c28d938 100644
--- a/resources/views/livewire/app/nav-footer.blade.php
+++ b/resources/views/livewire/app/nav-footer.blade.php
@@ -1,7 +1,7 @@
 <div class="wa-stack">
     @guest
 		<a href="{{ route('login') }}" class="wa-cluster">
-			<wa-icon name="arrow-right-to-bracket"></wa-icon>
+			<livewire:app.icon name="arrow-right-to-bracket" />
 			Sign in to {{ config('app.name') }}
 		</a>
 	@endguest
@@ -15,7 +15,7 @@
 		</a>
 
 		<a href="{{ route('logout') }}" class="wa-cluster">
-			<wa-icon name="arrow-left-from-bracket"></wa-icon>
+			<livewire:app.icon name="arrow-left-from-bracket" />
 			Sign out
 		</a>
 	@endauth
diff --git a/resources/views/livewire/app/nav-menu.blade.php b/resources/views/livewire/app/nav-menu.blade.php
index 1bb07b1..76d30da 100644
--- a/resources/views/livewire/app/nav-menu.blade.php
+++ b/resources/views/livewire/app/nav-menu.blade.php
@@ -1,22 +1,22 @@
 <div class="wa-stack">
 	@auth
 		<a href="{{ route('posts.home') }}" class="wa-cluster" wire:navigate.hover>
-			<wa-icon name="images"></wa-icon>
+			<livewire:app.icon name="images" />
 			Posts
 		</a>
 
 		<a href="{{ route('upload') }}" class="wa-cluster" wire:navigate.hover>
-			<wa-icon name="arrow-up-from-bracket"></wa-icon>
+			<livewire:app.icon name="arrow-up-from-bracket" />
 			Upload
 		</a>
 
 		<a href="{{ route('tags.home') }}" class="wa-cluster" wire:navigate.hover>
-			<wa-icon name="tags"></wa-icon>
+			<livewire:app.icon name="tags" />
 			Tags
 		</a>
 
 		<a href="{{ route('users') }}" class="wa-cluster" wire:navigate.hover>
-			<wa-icon name="users"></wa-icon>
+			<livewire:app.icon name="users" />
 			Users
 		</a>
 	@endauth
diff --git a/resources/views/livewire/app/navbar.blade.php b/resources/views/livewire/app/navbar.blade.php
index 98ee452..3fa3071 100644
--- a/resources/views/livewire/app/navbar.blade.php
+++ b/resources/views/livewire/app/navbar.blade.php
@@ -10,22 +10,22 @@
 
 		@auth
 			<wa-button appearance="plain" href="{{ route('posts.home') }}" wire:navigate.hover>
-				<wa-icon slot="prefix" name="images"></wa-icon>
+				<livewire:app.icon slot="start" name="images" />
 				Posts
 			</wa-button>
 
 			<wa-button appearance="plain" href="{{ route('upload') }}" wire:navigate.hover>
-				<wa-icon slot="prefix" name="arrow-up-from-bracket"></wa-icon>
+				<livewire:app.icon slot="start" name="arrow-up-from-bracket" />
 				Upload
 			</wa-button>
 
 			<wa-button appearance="plain" href="{{ route('tags.home') }}" wire:navigate.hover>
-				<wa-icon slot="prefix" name="tags"></wa-icon>
+				<livewire:app.icon slot="start" name="tags" />
 				Tags
 			</wa-button>
 
 			<wa-button appearance="plain" href="{{ route('users') }}" wire:navigate.hover>
-				<wa-icon slot="prefix" name="users"></wa-icon>
+				<livewire:app.icon slot="start" name="users" />
 				Users
 			</wa-button>
 		@endauth
@@ -34,7 +34,7 @@
 	<div class="wa-cluster">
 		@guest
 			<wa-button href="{{ route('login') }}" appearance="plain">
-				<wa-icon slot="prefix" name="arrow-right-to-bracket"></wa-icon>
+				<livewire:app.icon slot="start" name="arrow-right-to-bracket" />
 				Sign in
 			</wa-button>
 		@endguest
@@ -47,7 +47,7 @@
 				</div>
 			</wa-button>
 			<wa-button href="{{ route('logout') }}" appearance="plain">
-				<wa-icon name="arrow-left-from-bracket" slot="prefix"></wa-icon>
+				<livewire:app.icon name="arrow-left-from-bracket" slot="start" />
 				Sign out
 			</wa-button>
 		@endauth
diff --git a/resources/views/livewire/app/pagination.blade.php b/resources/views/livewire/app/pagination.blade.php
index a4364eb..4fa47c0 100644
--- a/resources/views/livewire/app/pagination.blade.php
+++ b/resources/views/livewire/app/pagination.blade.php
@@ -13,7 +13,7 @@
 					rel="prev"
 				@endif
 			>
-				<wa-icon name="arrow-left" slot="prefix"></wa-icon>
+				<livewire:app.icon name="arrow-left" slot="prefix" />
 				Previous
 			</wa-button>
 			<wa-button
@@ -27,7 +27,7 @@
 				@endif
 			>
 				Next
-				<wa-icon name="arrow-right" slot="suffix"></wa-icon>
+				<livewire:app.icon name="arrow-right" slot="suffix" />
 			</wa-button>
 		</div>
 	</div>
diff --git a/resources/views/livewire/app/user-card.blade.php b/resources/views/livewire/app/user-card.blade.php
index 78562cd..a68f645 100644
--- a/resources/views/livewire/app/user-card.blade.php
+++ b/resources/views/livewire/app/user-card.blade.php
@@ -3,7 +3,7 @@
 		@if (\Illuminate\Support\Facades\Storage::has("avatars/$user->id"))
 			<img src="{{ $user->getAvatarBase64() }}"/>
 		@else
-			<wa-icon name="user"></wa-icon>
+			<livewire:app.icon name="user" />
 		@endif
 	</a>
 	<div class="wa-stack wa-gap-3xs">
diff --git a/resources/views/livewire/pages/upload.blade.php b/resources/views/livewire/pages/upload.blade.php
index ace10b8..409aea5 100644
--- a/resources/views/livewire/pages/upload.blade.php
+++ b/resources/views/livewire/pages/upload.blade.php
@@ -16,7 +16,7 @@
 		</wa-select>
 
 		<wa-button type="submit" variant="brand" wire:loading.attr="disabled">
-			<wa-icon slot="prefix" name="arrow-up-from-bracket"></wa-icon>
+			<livewire:app.icon slot="prefix" name="arrow-up-from-bracket" />
 			Upload
 		</wa-button>
 	</form>
diff --git a/resources/views/livewire/posts/edit.blade.php b/resources/views/livewire/posts/edit.blade.php
index e66781b..53f2083 100644
--- a/resources/views/livewire/posts/edit.blade.php
+++ b/resources/views/livewire/posts/edit.blade.php
@@ -4,7 +4,7 @@
 	<div class="wa-stack">
 
 		<wa-callout variant="brand" appearance="outlined">
-			<wa-icon slot="icon" name="circle-info"></wa-icon>
+			<livewire:app.icon slot="icon" name="circle-info" />
 			<span>Changes are automatically saved.</span>
 		</wa-callout>
 
@@ -36,7 +36,7 @@
 
 		{{-- Tags --}}
 		<div class="wa-cluster wa-heading-m">
-			<wa-icon fixed-width name="tags"></wa-icon>
+			<livewire:app.icon fixed-width name="tags" />
 			<span>Tags</span>
 		</div>
 
@@ -53,11 +53,11 @@
 
 		<div class="wa-split">
 			<wa-button href="{{ url("posts/$post->id") }}" appearance="outlined" variant="neutral" size="small" wire:navigate.hover>
-				<wa-icon slot="prefix" name="arrow-left"></wa-icon>
+				<livewire:app.icon slot="prefix" name="arrow-left" />
 				<span>Exit</span>
 			</wa-button>
 			<wa-button appearance="outlined" variant="danger" size="small" wire:click="$js.openDialog">
-				<wa-icon slot="prefix" name="trash"></wa-icon>
+				<livewire:app.icon slot="prefix" name="trash" />
 				<span>Delete post</span>
 			</wa-button>
 		</div>
diff --git a/resources/views/livewire/posts/view.blade.php b/resources/views/livewire/posts/view.blade.php
index bbb3525..4896464 100644
--- a/resources/views/livewire/posts/view.blade.php
+++ b/resources/views/livewire/posts/view.blade.php
@@ -26,19 +26,19 @@
 
 		{{-- Post ID --}}
 		<div class="wa-cluster">
-			<wa-icon fixed-width name="hashtag"></wa-icon>
+			<livewire:app.icon name="hashtag" />
 			<span>{{ $post->id }}</span>
 		</div>
 
 		{{-- Post author --}}
 		<div class="wa-cluster">
-			<wa-icon fixed-width name="user"></wa-icon>
+			<livewire:app.icon name="user" />
 			<span>{{ $post->user->name }}</span>
 		</div>
 
 		{{-- Post upload date --}}
 		<div class="wa-cluster">
-			<wa-icon fixed-width name="calendar"></wa-icon>
+			<livewire:app.icon name="calendar" />
 			<wa-format-date
 				month="numeric"
 				day="numeric"
@@ -51,13 +51,13 @@
 
 		{{-- Post dimensions --}}
 		<div class="wa-cluster">
-			<wa-icon fixed-width name="image"></wa-icon>
+			<livewire:app.icon name="image" />
 			<span>{{ $post->getDimensionsStr() }}, <wa-format-bytes value="{{ $post->getFileSize() }}"></wa-format-bytes> {{ $post->extension }}</span>
 		</div>
 
 		{{-- Post rating --}}
 		<div class="wa-cluster">
-			<wa-icon fixed-width name="face-hand-peeking"></wa-icon>
+			<livewire:app.icon name="face-hand-peeking" />
 			<span style="color: var(--wa-color-{{ $post->getRatingColor() }}-on-normal);">{{ $post->rating }}</span>
 		</div>
 
@@ -65,7 +65,7 @@
 
 		{{-- Tags --}}
 		<div class="wa-cluster wa-heading-m">
-			<wa-icon fixed-width name="tags"></wa-icon>
+			<livewire:app.icon name="tags" />
 			<span>Tags</span>
 		</div>
 
@@ -90,7 +90,7 @@
 
 		<form wire:submit="postComment">
 			<wa-input wire:model.live="message" type="text" placeholder="Leave a comment, press enter to post." clearable multiline>
-				<wa-icon name="comment" slot="prefix"></wa-icon>
+				<livewire:app.icon name="comment" slot="prefix" />
 			</wa-input>
 		</form>
 
diff --git a/resources/views/livewire/tags/groups.blade.php b/resources/views/livewire/tags/groups.blade.php
index d9cef1d..40a79ad 100644
--- a/resources/views/livewire/tags/groups.blade.php
+++ b/resources/views/livewire/tags/groups.blade.php
@@ -42,7 +42,7 @@
 				</wa-color-picker>
 				<wa-input wire:model="description" type="text" label="Group description (optional)"></wa-input>
 				<wa-button type="submit" appearance="outlined" variant="brand">
-					<wa-icon name="plus" slot="prefix"></wa-icon>
+					<livewire:app.icon name="plus" slot="prefix" />
 					Create tag group
 				</wa-button>
 			</form>
diff --git a/resources/views/livewire/tags/index.blade.php b/resources/views/livewire/tags/index.blade.php
index 5e581bd..96006a3 100644
--- a/resources/views/livewire/tags/index.blade.php
+++ b/resources/views/livewire/tags/index.blade.php
@@ -60,7 +60,7 @@
 					@endforeach
 				</wa-select>
 				<wa-button type="submit" variant="brand" appearance="outlined">
-					<wa-icon name="plus" slot="prefix"></wa-icon>
+					<livewire:app.icon name="plus" slot="prefix" />
 					Create tag
 				</wa-button>
 			</form>
diff --git a/storage/.DS_Store b/storage/.DS_Store
new file mode 100644
index 0000000..da07aa6
Binary files /dev/null and b/storage/.DS_Store differ
