diff --git a/src/components/customize/CustomizeNickIconView.tsx b/src/components/customize/CustomizeNickIconView.tsx
index 4aae464..6485527 100644
--- a/src/components/customize/CustomizeNickIconView.tsx
+++ b/src/components/customize/CustomizeNickIconView.tsx
@@ -1,4 +1,4 @@
-import { AddLinkEventTracker, ILinkEventTracker, PurchaseCatalogPrefixComposer, PurchaseNickIconComposer, PurchasePrefixComposer, RemoveLinkEventTracker, RequestNickIconsComposer, SetActiveNickIconComposer, SetActivePrefixComposer, SetDisplayOrderComposer, UserNickIconsEvent } from '@nitrots/nitro-renderer';
+import { AddLinkEventTracker, CustomPrefixPurchaseFailedEvent, ILinkEventTracker, PurchaseCatalogPrefixComposer, PurchaseNickIconComposer, PurchasePrefixComposer, RemoveLinkEventTracker, RequestNickIconsComposer, SetActiveNickIconComposer, SetActivePrefixComposer, SetDisplayOrderComposer, UserNickIconsEvent } from '@nitrots/nitro-renderer';
 import data from '@emoji-mart/data';
 import Picker from '@emoji-mart/react';
 import { FC, useEffect, useMemo, useState } from 'react';
@@ -66,6 +66,12 @@ export const CustomizeNickIconView: FC<{}> = () =>
     const [ customPrefixFont, setCustomPrefixFont ] = useState('');
     const [ showEmojiPicker, setShowEmojiPicker ] = useState(false);
 
+    useMessageEvent<CustomPrefixPurchaseFailedEvent>(CustomPrefixPurchaseFailedEvent, () =>
+    {
+        setIsLoading(false);
+        setIsVisible(false);
+    });
+
     useMessageEvent<UserNickIconsEvent>(UserNickIconsEvent, event =>
     {
         const parser = event.getParser();
@@ -298,7 +304,7 @@ export const CustomizeNickIconView: FC<{}> = () =>
             <NitroCardContentView className="flex max-h-[78vh] flex-col gap-3 overflow-y-auto text-black">
                 <div className="rounded border border-black/10 bg-black/5 p-3">
                     <Text bold>Live preview</Text>
-                    <div className="mt-2 flex min-h-[54px] items-center justify-center rounded border border-black/10 bg-[#1f2937] px-3 py-2 text-white">
+                    <div className="mt-2 flex min-h-[54px] items-center justify-center rounded border border-black/10 bg-[#cfe8fb] px-3 py-2 text-[#1f2937]">
                         <UserIdentityView
                             displayOrder={ displayOrder }
                             nickIcon={ activeIcon?.iconKey || '' }
@@ -509,7 +515,7 @@ export const CustomizeNickIconView: FC<{}> = () =>
                                             Premium fonts add an extra price on top of the custom prefix.
                                         </div> }
                                 </div>
-                                <div className="rounded border border-black/10 bg-[#1f2937] px-3 py-2 text-white" style={ customPrefixPreviewStyle }>
+                                <div className="rounded border border-black/10 bg-[#cfe8fb] px-3 py-2 text-[#1f2937]" style={ customPrefixPreviewStyle }>
                                     <UserIdentityView
                                         displayOrder={ displayOrder }
                                         nickIcon={ activeIcon?.iconKey || '' }
diff --git a/src/components/groups/views/forums/GroupForumNewThreadView.tsx b/src/components/groups/views/forums/GroupForumNewThreadView.tsx
index 986e046..95df643 100644
--- a/src/components/groups/views/forums/GroupForumNewThreadView.tsx
+++ b/src/components/groups/views/forums/GroupForumNewThreadView.tsx
@@ -58,8 +58,8 @@ export const GroupForumNewThreadView: FC<GroupForumNewThreadViewProps> = props =
     return (
         <Column className="h-full p-3" gap={ 2 }>
             <Flex gap={ 2 } alignItems="center">
-                <Text pointer underline onClick={ onBack }>
-                    &laquo; { LocalizeText('groupforum.view.back') }
+                <Text pointer bold onClick={ onBack }>
+                    <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                 </Text>
             </Flex>
             <Column gap={ 1 }>
diff --git a/src/components/groups/views/forums/GroupForumSettingsView.tsx b/src/components/groups/views/forums/GroupForumSettingsView.tsx
index 4c78732..5915b3e 100644
--- a/src/components/groups/views/forums/GroupForumSettingsView.tsx
+++ b/src/components/groups/views/forums/GroupForumSettingsView.tsx
@@ -58,8 +58,8 @@ export const GroupForumSettingsView: FC<GroupForumSettingsViewProps> = props =>
     return (
         <Column className="h-full p-3" gap={ 3 }>
             <Flex gap={ 2 } alignItems="center">
-                <Text pointer underline onClick={ onBack }>
-                    &laquo; { LocalizeText('groupforum.view.back') }
+                <Text pointer bold onClick={ onBack }>
+                    <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                 </Text>
             </Flex>
             <Text bold>{ LocalizeText('groupforum.settings.window_title') }</Text>
diff --git a/src/components/groups/views/forums/GroupForumThreadListView.tsx b/src/components/groups/views/forums/GroupForumThreadListView.tsx
index bc2aa25..14a7615 100644
--- a/src/components/groups/views/forums/GroupForumThreadListView.tsx
+++ b/src/components/groups/views/forums/GroupForumThreadListView.tsx
@@ -92,8 +92,8 @@ export const GroupForumThreadListView: FC<GroupForumThreadListViewProps> = props
         <Column className="h-full" gap={ 0 }>
             <Flex className="bg-muted p-2 border-b" gap={ 2 } alignItems="center" justifyContent="between">
                 <Flex gap={ 2 } alignItems="center">
-                    <Text pointer underline onClick={ onBack }>
-                        &laquo; { LocalizeText('groupforum.view.back') }
+                    <Text pointer bold onClick={ onBack }>
+                        <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                     </Text>
                 </Flex>
                 <Flex gap={ 1 } alignItems="center">
diff --git a/src/components/groups/views/forums/GroupForumThreadView.tsx b/src/components/groups/views/forums/GroupForumThreadView.tsx
index eabbf60..2895549 100644
--- a/src/components/groups/views/forums/GroupForumThreadView.tsx
+++ b/src/components/groups/views/forums/GroupForumThreadView.tsx
@@ -203,19 +203,19 @@ export const GroupForumThreadView: FC<GroupForumThreadViewProps> = props =>
         <Column className="h-full" gap={ 0 }>
             <Flex className="bg-muted p-2 border-b" gap={ 2 } alignItems="center" justifyContent="between">
                 <Flex gap={ 2 } alignItems="center">
-                    <Text pointer underline onClick={ onBack }>
-                        &laquo; { LocalizeText('groupforum.view.back') }
+                    <Text pointer bold onClick={ onBack }>
+                        <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                     </Text>
                 </Flex>
                 { canModerate &&
                     <Flex gap={ 1 }>
-                        <Button variant={ threadInfo?.isPinned ? 'warning' : 'outline-secondary' } className="btn-sm" onClick={ togglePinThread }>
+                        <Button variant="outline-secondary" className="btn-sm rounded-md text-white bg-[#5cb85c] border-[#5cb85c] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#4cae4c] hover:border-[#47a447]" onClick={ togglePinThread }>
                             { threadInfo?.isPinned ? LocalizeText('groupforum.thread.unpin') : LocalizeText('groupforum.thread.pin') }
                         </Button>
-                        <Button variant={ isLocked ? 'danger' : 'outline-secondary' } className="btn-sm" onClick={ toggleLockThread }>
+                        <Button variant="outline-secondary" className="btn-sm rounded-md text-white bg-[#5cb85c] border-[#5cb85c] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#4cae4c] hover:border-[#47a447]" onClick={ toggleLockThread }>
                             { isLocked ? LocalizeText('groupforum.thread.unlock') : LocalizeText('groupforum.thread.lock') }
                         </Button>
-                        <Button variant="outline-danger" className="btn-sm" onClick={ hideThread }>
+                        <Button variant="outline-secondary" className="btn-sm rounded-md text-white bg-[#5cb85c] border-[#5cb85c] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#4cae4c] hover:border-[#47a447]" onClick={ hideThread }>
                             { LocalizeText('groupforum.thread.hide') }
                         </Button>
                         <Button variant="danger" className="btn-sm" onClick={ deleteThread }>
@@ -242,10 +242,8 @@ export const GroupForumThreadView: FC<GroupForumThreadViewProps> = props =>
                             className={ `p-3 border-b ${ (message.state !== STATE_NORMAL) ? 'bg-danger bg-opacity-10' : '' }` }
                             gap={ 3 }>
                             <Column className="flex-shrink-0 items-center w-[50px]" gap={ 1 }>
-                                <div className="w-[40px] h-[40px] rounded-full mx-auto overflow-hidden bg-[rgba(255,255,255,0.1)] flex justify-center">
-                                    <div className="mt-[-25px]">
-                                        <LayoutAvatarImageView figure={ message.authorFigure } headOnly={ true } direction={ 2 } />
-                                    </div>
+                                <div className="relative w-[40px] h-[40px] rounded-full mx-auto overflow-hidden bg-[rgba(255,255,255,0.1)]">
+                                    <LayoutAvatarImageView figure={ message.authorFigure } headOnly={ true } direction={ 2 } style={ { backgroundSize: '80px auto', backgroundPosition: '-19px -28px' } } />
                                 </div>
                                 <Text small bold pointer underline onClick={ () => GetUserProfile(message.authorId) }>
                                     { message.authorName }