diff --git a/public/css/index.css b/public/css/index.css
index b8df88e..157f884 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -177,10 +177,10 @@ main {
 
 .decoration {
 	position: absolute;
-	top: -18px;
-	left: -18px;
-	width: 164px;
-	height: 164px;
+	top: -13px;
+	left: -16px;
+	width: 160px;
+	height: 160px;
 	pointer-events: none;
 }
 
diff --git a/public/js/index.js b/public/js/index.js
index 3ff4eb8..bb2a3e1 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -535,6 +535,7 @@ async function updatePresence(initialData) {
 
 	const avatarWrapper = document.querySelector(".avatar-wrapper");
 	const avatarImg = avatarWrapper?.querySelector(".avatar");
+	const decorationImg = avatarWrapper?.querySelector(".decoration");
 	const usernameEl = document.querySelector(".username");
 
 	if (!data.discord_user) {
@@ -566,6 +567,19 @@ async function updatePresence(initialData) {
 		}
 	}
 
+	if (
+		decorationImg &&
+		data.discord_user?.avatar_decoration_data &&
+		data.discord_user.avatar_decoration_data.asset
+	) {
+		const newDecorationUrl = `https://cdn.discordapp.com/avatar-decoration-presets/${data.discord_user.avatar_decoration_data.asset}`;
+		decorationImg.src = newDecorationUrl;
+		decorationImg.classList.remove("hidden");
+	} else if (decorationImg) {
+		decorationImg.src = "";
+		decorationImg.classList.add("hidden");
+	}
+
 	if (usernameEl) {
 		const username =
 			data.discord_user.global_name || data.discord_user.username;
diff --git a/src/views/index.html b/src/views/index.html
index 79ec446..d92aaa8 100644
--- a/src/views/index.html
+++ b/src/views/index.html
@@ -40,6 +40,7 @@
 				<div class="avatar-status-wrapper">
 					<div class="avatar-wrapper">
 						<img class="avatar hidden"/>
+						<img class="decoration hidden"/>
 						<div class="status-indicator offline hidden"></div>
 					</div>
 					<div class="user-info">