diff --git a/src/app/(main)/admin/users/UserAddForm.tsx b/src/app/(main)/admin/users/UserAddForm.tsx
index fe7828c60..f6881a109 100644
--- a/src/app/(main)/admin/users/UserAddForm.tsx
+++ b/src/app/(main)/admin/users/UserAddForm.tsx
@@ -13,11 +13,11 @@ import { useMessages, useUpdateQuery } from '@/components/hooks';
 import { ROLES } from '@/lib/constants';
 
 export function UserAddForm({ onSave, onClose }) {
-  const { mutateAsync, error, isPending } = useUpdateQuery(`/users`);
+  const { mutate, error, isPending } = useUpdateQuery(`/users`);
   const { formatMessage, labels, getErrorMessage } = useMessages();
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         onSave(data);
         onClose();
diff --git a/src/app/(main)/admin/users/UserDeleteForm.tsx b/src/app/(main)/admin/users/UserDeleteForm.tsx
index 8f6fd502b..f316dafef 100644
--- a/src/app/(main)/admin/users/UserDeleteForm.tsx
+++ b/src/app/(main)/admin/users/UserDeleteForm.tsx
@@ -13,11 +13,11 @@ export function UserDeleteForm({
   onClose?: () => void;
 }) {
   const { messages, labels, formatMessage } = useMessages();
-  const { mutateAsync } = useDeleteQuery(`/users/${userId}`);
+  const { mutate } = useDeleteQuery(`/users/${userId}`);
   const { touch } = useModified();
 
   const handleConfirm = async () => {
-    await mutateAsync(null, {
+    mutate(null, {
       onSuccess: async () => {
         touch('users');
         touch(`users:${userId}`);
diff --git a/src/app/(main)/admin/users/[userId]/UserEditForm.tsx b/src/app/(main)/admin/users/[userId]/UserEditForm.tsx
index ac7875db0..9a8d34cc2 100644
--- a/src/app/(main)/admin/users/[userId]/UserEditForm.tsx
+++ b/src/app/(main)/admin/users/[userId]/UserEditForm.tsx
@@ -16,10 +16,10 @@ export function UserEditForm({ userId, onSave }: { userId: string; onSave?: () =
   const user = useUser();
   const { user: login } = useLoginQuery();
 
-  const { mutateAsync, error, toast, touch } = useUpdateQuery(`/users/${userId}`);
+  const { mutate, error, toast, touch } = useUpdateQuery(`/users/${userId}`);
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch(`user:${user.id}`);
diff --git a/src/app/(main)/boards/BoardAddForm.tsx b/src/app/(main)/boards/BoardAddForm.tsx
index e04670822..fae3c70aa 100644
--- a/src/app/(main)/boards/BoardAddForm.tsx
+++ b/src/app/(main)/boards/BoardAddForm.tsx
@@ -13,10 +13,10 @@ export function BoardAddForm({
   onClose?: () => void;
 }) {
   const { formatMessage, labels, messages } = useMessages();
-  const { mutateAsync, error, isPending } = useUpdateQuery('/websites', { teamId });
+  const { mutate, error, isPending } = useUpdateQuery('/websites', { teamId });
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         onSave?.();
         onClose?.();
diff --git a/src/app/(main)/links/LinkDeleteButton.tsx b/src/app/(main)/links/LinkDeleteButton.tsx
index 05a3217f7..cfecb4259 100644
--- a/src/app/(main)/links/LinkDeleteButton.tsx
+++ b/src/app/(main)/links/LinkDeleteButton.tsx
@@ -16,10 +16,10 @@ export function LinkDeleteButton({
   onSave?: () => void;
 }) {
   const { formatMessage, labels, getErrorMessage } = useMessages();
-  const { mutateAsync, isPending, error, touch } = useDeleteQuery(`/links/${linkId}`);
+  const { mutate, isPending, error, touch } = useDeleteQuery(`/links/${linkId}`);
 
-  const handleConfirm = async (close: () => void) => {
-    await mutateAsync(null, {
+  const handleConfirm = (close: () => void) => {
+    mutate(null, {
       onSuccess: () => {
         touch('links');
         onSave?.();
diff --git a/src/app/(main)/links/LinkEditForm.tsx b/src/app/(main)/links/LinkEditForm.tsx
index 36a114552..ab1b0e40d 100644
--- a/src/app/(main)/links/LinkEditForm.tsx
+++ b/src/app/(main)/links/LinkEditForm.tsx
@@ -33,7 +33,7 @@ export function LinkEditForm({
   onClose?: () => void;
 }) {
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
-  const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+  const { mutate, error, isPending, touch, toast } = useUpdateQuery(
     linkId ? `/links/${linkId}` : '/links',
     {
       id: linkId,
@@ -46,7 +46,7 @@ export function LinkEditForm({
   const [slug, setSlug] = useState(generateId());
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch('links');
@@ -139,7 +139,9 @@ export function LinkEditForm({
                   {formatMessage(labels.cancel)}
                 </Button>
               )}
-              <FormSubmitButton>{formatMessage(labels.save)}</FormSubmitButton>
+              <FormSubmitButton isDisabled={false} isLoading={isPending}>
+                {formatMessage(labels.save)}
+              </FormSubmitButton>
             </Row>
           </>
         );
diff --git a/src/app/(main)/pixels/PixelDeleteButton.tsx b/src/app/(main)/pixels/PixelDeleteButton.tsx
index c90261e55..0a81ab802 100644
--- a/src/app/(main)/pixels/PixelDeleteButton.tsx
+++ b/src/app/(main)/pixels/PixelDeleteButton.tsx
@@ -14,11 +14,11 @@ export function PixelDeleteButton({
   onSave?: () => void;
 }) {
   const { formatMessage, labels, getErrorMessage } = useMessages();
-  const { mutateAsync, isPending, error } = useDeleteQuery(`/pixels/${pixelId}`);
+  const { mutate, isPending, error } = useDeleteQuery(`/pixels/${pixelId}`);
   const { touch } = useModified();
 
-  const handleConfirm = async (close: () => void) => {
-    await mutateAsync(null, {
+  const handleConfirm = (close: () => void) => {
+    mutate(null, {
       onSuccess: () => {
         touch('pixels');
         onSave?.();
diff --git a/src/app/(main)/pixels/PixelEditButton.tsx b/src/app/(main)/pixels/PixelEditButton.tsx
index 12977b815..a1310d448 100644
--- a/src/app/(main)/pixels/PixelEditButton.tsx
+++ b/src/app/(main)/pixels/PixelEditButton.tsx
@@ -9,7 +9,7 @@ export function PixelEditButton({ pixelId }: { pixelId: string }) {
 
   return (
     <ActionButton title={formatMessage(labels.edit)} icon={<Edit />}>
-      <Dialog title={formatMessage(labels.pixel)} style={{ width: 600, minHeight: 300 }}>
+      <Dialog title={formatMessage(labels.pixel)} style={{ width: 800, minHeight: 300 }}>
         {({ close }) => {
           return <PixelEditForm pixelId={pixelId} onClose={close} />;
         }}
diff --git a/src/app/(main)/pixels/PixelEditForm.tsx b/src/app/(main)/pixels/PixelEditForm.tsx
index a3a4f0c80..b85d363bb 100644
--- a/src/app/(main)/pixels/PixelEditForm.tsx
+++ b/src/app/(main)/pixels/PixelEditForm.tsx
@@ -32,7 +32,7 @@ export function PixelEditForm({
   onClose?: () => void;
 }) {
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
-  const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+  const { mutate, error, isPending, touch, toast } = useUpdateQuery(
     pixelId ? `/pixels/${pixelId}` : '/pixels',
     {
       id: pixelId,
@@ -45,7 +45,7 @@ export function PixelEditForm({
   const [slug, setSlug] = useState(generateId());
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch('pixels');
@@ -106,7 +106,10 @@ export function PixelEditForm({
                   allowCopy
                   style={{ width: '100%' }}
                 />
-                <Button onPress={() => setValue('slug', handleSlug(), { shouldDirty: true })}>
+                <Button
+                  variant="quiet"
+                  onPress={() => setValue('slug', handleSlug(), { shouldDirty: true })}
+                >
                   <Icon>
                     <RefreshCw />
                   </Icon>
diff --git a/src/app/(main)/pixels/[pixelId]/PixelHeader.tsx b/src/app/(main)/pixels/[pixelId]/PixelHeader.tsx
index 991d807d5..aba7c71c7 100644
--- a/src/app/(main)/pixels/[pixelId]/PixelHeader.tsx
+++ b/src/app/(main)/pixels/[pixelId]/PixelHeader.tsx
@@ -1,7 +1,7 @@
 import { usePixel, useMessages, useSlug } from '@/components/hooks';
 import { PageHeader } from '@/components/common/PageHeader';
 import { Icon, Text } from '@umami/react-zen';
-import { ExternalLink, Grid2x2 } from '@/components/icons';
+import { ExternalLink, Pixel } from '@/components/icons';
 import { LinkButton } from '@/components/common/LinkButton';
 
 export function PixelHeader() {
@@ -10,7 +10,7 @@ export function PixelHeader() {
   const pixel = usePixel();
 
   return (
-    <PageHeader title={pixel.name} description={pixel.slug} icon={<Grid2x2 />}>
+    <PageHeader title={pixel.name} description={pixel.url} icon={<Pixel />}>
       <LinkButton href={getSlugUrl(pixel.slug)} target="_blank">
         <Icon>
           <ExternalLink />
diff --git a/src/app/(main)/pixels/[pixelId]/page.tsx b/src/app/(main)/pixels/[pixelId]/page.tsx
index 04800cae6..1cb72c1d6 100644
--- a/src/app/(main)/pixels/[pixelId]/page.tsx
+++ b/src/app/(main)/pixels/[pixelId]/page.tsx
@@ -1,8 +1,8 @@
 import { PixelPage } from './PixelPage';
 import { Metadata } from 'next';
 
-export default function ({ params }: { params: { pixelId: string } }) {
-  const { pixelId } = params;
+export default async function ({ params }: { params: Promise<{ pixelId: string }> }) {
+  const { pixelId } = await params;
 
   return <PixelPage pixelId={pixelId} />;
 }
diff --git a/src/app/(main)/settings/SettingsLayout.tsx b/src/app/(main)/settings/SettingsLayout.tsx
index 31d6cfedd..ec70f2a71 100644
--- a/src/app/(main)/settings/SettingsLayout.tsx
+++ b/src/app/(main)/settings/SettingsLayout.tsx
@@ -4,7 +4,7 @@ import { Grid, Column } from '@umami/react-zen';
 import { useMessages, useNavigation } from '@/components/hooks';
 import { PageBody } from '@/components/common/PageBody';
 import { SideMenu } from '@/components/common/SideMenu';
-import { UserCircle, Users, Settings2 } from '@/components/icons';
+import { UserCircle, Users, Knobs } from '@/components/icons';
 
 export function SettingsLayout({ children }: { children: ReactNode }) {
   const { formatMessage, labels } = useMessages();
@@ -18,7 +18,7 @@ export function SettingsLayout({ children }: { children: ReactNode }) {
           id: 'preferences',
           label: formatMessage(labels.preferences),
           path: renderUrl('/settings/preferences'),
-          icon: <Settings2 />,
+          icon: <Knobs />,
         },
       ],
     },
diff --git a/src/app/(main)/settings/profile/PasswordEditForm.tsx b/src/app/(main)/settings/profile/PasswordEditForm.tsx
index 2c27a2d51..f0df01df8 100644
--- a/src/app/(main)/settings/profile/PasswordEditForm.tsx
+++ b/src/app/(main)/settings/profile/PasswordEditForm.tsx
@@ -10,10 +10,10 @@ import { useMessages, useUpdateQuery } from '@/components/hooks';
 
 export function PasswordEditForm({ onSave, onClose }) {
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
-  const { mutateAsync, error, isPending } = useUpdateQuery('/me/password');
+  const { mutate, error, isPending } = useUpdateQuery('/me/password');
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         onSave();
         onClose();
diff --git a/src/app/(main)/teams/TeamAddForm.tsx b/src/app/(main)/teams/TeamAddForm.tsx
index 87a6a4fd6..68ff79786 100644
--- a/src/app/(main)/teams/TeamAddForm.tsx
+++ b/src/app/(main)/teams/TeamAddForm.tsx
@@ -10,10 +10,10 @@ import {
 
 export function TeamAddForm({ onSave, onClose }: { onSave: () => void; onClose: () => void }) {
   const { formatMessage, labels, getErrorMessage } = useMessages();
-  const { mutateAsync, error, isPending } = useUpdateQuery('/teams');
+  const { mutate, error, isPending } = useUpdateQuery('/teams');
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         onSave?.();
         onClose?.();
diff --git a/src/app/(main)/teams/TeamJoinForm.tsx b/src/app/(main)/teams/TeamJoinForm.tsx
index 0c896747e..f69099ed4 100644
--- a/src/app/(main)/teams/TeamJoinForm.tsx
+++ b/src/app/(main)/teams/TeamJoinForm.tsx
@@ -10,10 +10,10 @@ import { useMessages, useUpdateQuery } from '@/components/hooks';
 
 export function TeamJoinForm({ onSave, onClose }: { onSave: () => void; onClose: () => void }) {
   const { formatMessage, labels, getErrorMessage } = useMessages();
-  const { mutateAsync, error, touch } = useUpdateQuery('/teams/join');
+  const { mutate, error, isPending, touch } = useUpdateQuery('/teams/join');
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         touch('teams:members');
         onSave?.();
@@ -33,7 +33,9 @@ export function TeamJoinForm({ onSave, onClose }: { onSave: () => void; onClose:
       </FormField>
       <FormButtons>
         <Button onPress={onClose}>{formatMessage(labels.cancel)}</Button>
-        <FormSubmitButton variant="primary">{formatMessage(labels.join)}</FormSubmitButton>
+        <FormSubmitButton variant="primary" isLoading={isPending} isDisabled={isPending}>
+          {formatMessage(labels.join)}
+        </FormSubmitButton>
       </FormButtons>
     </Form>
   );
diff --git a/src/app/(main)/teams/TeamLeaveForm.tsx b/src/app/(main)/teams/TeamLeaveForm.tsx
index c8063365b..2c7a41d20 100644
--- a/src/app/(main)/teams/TeamLeaveForm.tsx
+++ b/src/app/(main)/teams/TeamLeaveForm.tsx
@@ -15,11 +15,11 @@ export function TeamLeaveForm({
   onClose: () => void;
 }) {
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
-  const { mutateAsync, error, isPending } = useDeleteQuery(`/teams/${teamId}/users/${userId}`);
+  const { mutate, error, isPending } = useDeleteQuery(`/teams/${teamId}/users/${userId}`);
   const { touch } = useModified();
 
   const handleConfirm = async () => {
-    await mutateAsync(null, {
+    mutate(null, {
       onSuccess: async () => {
         touch('teams:members');
         onSave();
diff --git a/src/app/(main)/teams/[teamId]/TeamDeleteForm.tsx b/src/app/(main)/teams/[teamId]/TeamDeleteForm.tsx
index cf1ce6188..3634af568 100644
--- a/src/app/(main)/teams/[teamId]/TeamDeleteForm.tsx
+++ b/src/app/(main)/teams/[teamId]/TeamDeleteForm.tsx
@@ -13,10 +13,10 @@ export function TeamDeleteForm({
   onClose?: () => void;
 }) {
   const { labels, formatMessage, getErrorMessage } = useMessages();
-  const { mutateAsync, error, isPending, touch } = useDeleteQuery(`/teams/${teamId}`);
+  const { mutate, error, isPending, touch } = useDeleteQuery(`/teams/${teamId}`);
 
   const handleConfirm = async () => {
-    await mutateAsync(null, {
+    mutate(null, {
       onSuccess: async () => {
         touch('teams');
         onSave?.();
diff --git a/src/app/(main)/teams/[teamId]/TeamEditForm.tsx b/src/app/(main)/teams/[teamId]/TeamEditForm.tsx
index debea5d4d..2b6690ff2 100644
--- a/src/app/(main)/teams/[teamId]/TeamEditForm.tsx
+++ b/src/app/(main)/teams/[teamId]/TeamEditForm.tsx
@@ -25,10 +25,10 @@ export function TeamEditForm({
   const team = useTeam();
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
 
-  const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(`/teams/${teamId}`);
+  const { mutate, error, isPending, touch, toast } = useUpdateQuery(`/teams/${teamId}`);
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch('teams');
diff --git a/src/app/(main)/teams/[teamId]/TeamMemberEditForm.tsx b/src/app/(main)/teams/[teamId]/TeamMemberEditForm.tsx
index 76f0800f1..e64a9b274 100644
--- a/src/app/(main)/teams/[teamId]/TeamMemberEditForm.tsx
+++ b/src/app/(main)/teams/[teamId]/TeamMemberEditForm.tsx
@@ -23,11 +23,11 @@ export function TeamMemberEditForm({
   onSave?: () => void;
   onClose?: () => void;
 }) {
-  const { mutateAsync, error, isPending } = useUpdateQuery(`/teams/${teamId}/users/${userId}`);
+  const { mutate, error, isPending } = useUpdateQuery(`/teams/${teamId}/users/${userId}`);
   const { formatMessage, labels, getErrorMessage } = useMessages();
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         onSave();
         onClose();
diff --git a/src/app/(main)/teams/[teamId]/TeamMemberRemoveButton.tsx b/src/app/(main)/teams/[teamId]/TeamMemberRemoveButton.tsx
index 22c871a30..66d540b00 100644
--- a/src/app/(main)/teams/[teamId]/TeamMemberRemoveButton.tsx
+++ b/src/app/(main)/teams/[teamId]/TeamMemberRemoveButton.tsx
@@ -18,11 +18,11 @@ export function TeamMemberRemoveButton({
   onSave?: () => void;
 }) {
   const { formatMessage, labels } = useMessages();
-  const { mutateAsync, isPending, error } = useDeleteQuery(`/teams/${teamId}/users/${userId}`);
+  const { mutate, isPending, error } = useDeleteQuery(`/teams/${teamId}/users/${userId}`);
   const { touch } = useModified();
 
-  const handleConfirm = async (close: () => void) => {
-    await mutateAsync(null, {
+  const handleConfirm = (close: () => void) => {
+    mutate(null, {
       onSuccess: () => {
         touch('teams:members');
         onSave?.();
diff --git a/src/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton.tsx b/src/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton.tsx
index c3a68c57f..34e8184e9 100644
--- a/src/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton.tsx
+++ b/src/app/(main)/teams/[teamId]/TeamWebsiteRemoveButton.tsx
@@ -1,13 +1,13 @@
 import { useDeleteQuery, useMessages } from '@/components/hooks';
 import { Icon, LoadingButton, Text } from '@umami/react-zen';
-import { X } from '@/components/icons';
+import { Close } from '@/components/icons';
 
 export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
   const { formatMessage, labels } = useMessages();
-  const { mutateAsync } = useDeleteQuery(`/teams/${teamId}/websites/${websiteId}`);
+  const { mutate, isPending } = useDeleteQuery(`/teams/${teamId}/websites/${websiteId}`);
 
   const handleRemoveTeamMember = async () => {
-    await mutateAsync(null, {
+    mutate(null, {
       onSuccess: () => {
         onSave();
       },
@@ -15,9 +15,9 @@ export function TeamWebsiteRemoveButton({ teamId, websiteId, onSave }) {
   };
 
   return (
-    <LoadingButton variant="quiet" onClick={() => handleRemoveTeamMember()}>
+    <LoadingButton variant="quiet" onClick={() => handleRemoveTeamMember()} isLoading={isPending}>
       <Icon>
-        <X />
+        <Close />
       </Icon>
       <Text>{formatMessage(labels.remove)}</Text>
     </LoadingButton>
diff --git a/src/app/(main)/websites/WebsiteAddForm.tsx b/src/app/(main)/websites/WebsiteAddForm.tsx
index b8ff7b459..e2be25633 100644
--- a/src/app/(main)/websites/WebsiteAddForm.tsx
+++ b/src/app/(main)/websites/WebsiteAddForm.tsx
@@ -13,10 +13,10 @@ export function WebsiteAddForm({
   onClose?: () => void;
 }) {
   const { formatMessage, labels, messages } = useMessages();
-  const { mutateAsync, error, isPending } = useUpdateQuery('/websites', { teamId });
+  const { mutate, error, isPending } = useUpdateQuery('/websites', { teamId });
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         onSave?.();
         onClose?.();
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelEditForm.tsx b/src/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelEditForm.tsx
index 30976bff7..01940beb0 100644
--- a/src/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelEditForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/(reports)/funnels/FunnelEditForm.tsx
@@ -33,10 +33,12 @@ export function FunnelEditForm({
 }) {
   const { formatMessage, labels } = useMessages();
   const { data } = useReportQuery(id);
-  const { mutateAsync, error, isPending, touch } = useUpdateQuery(`/reports${id ? `/${id}` : ''}`);
+  const { mutate, error, isPending, touch } = useUpdateQuery(`/reports${id ? `/${id}` : ''}`);
 
   const handleSubmit = async ({ name, ...parameters }) => {
-    await mutateAsync(
+    //
+
+    mutate(
       { ...data, id, name, type: 'funnel', websiteId, parameters },
       {
         onSuccess: async () => {
diff --git a/src/app/(main)/websites/[websiteId]/(reports)/goals/GoalEditForm.tsx b/src/app/(main)/websites/[websiteId]/(reports)/goals/GoalEditForm.tsx
index 394cdec90..2264ccf89 100644
--- a/src/app/(main)/websites/[websiteId]/(reports)/goals/GoalEditForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/(reports)/goals/GoalEditForm.tsx
@@ -27,10 +27,10 @@ export function GoalEditForm({
 }) {
   const { formatMessage, labels } = useMessages();
   const { data } = useReportQuery(id);
-  const { mutateAsync, error, isPending, touch } = useUpdateQuery(`/reports${id ? `/${id}` : ''}`);
+  const { mutate, error, isPending, touch } = useUpdateQuery(`/reports${id ? `/${id}` : ''}`);
 
   const handleSubmit = async (formData: Record<string, any>) => {
-    await mutateAsync(
+    mutate(
       { ...formData, type: 'goal', websiteId },
       {
         onSuccess: async () => {
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx b/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx
index a9a5edc60..239d51332 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteExpandedView.tsx
@@ -8,7 +8,7 @@ import {
   Search,
   Type,
   SquareSlash,
-  Share2,
+  SquareArrowRight,
   Megaphone,
   Earth,
   Globe,
@@ -20,7 +20,7 @@ import {
   Monitor,
   Cpu,
   LightningSvg,
-  Network,
+  LucideCaseSensitive,
   Tag,
 } from '@/components/icons';
 
@@ -80,7 +80,7 @@ export function WebsiteExpandedView({
           id: 'referrer',
           label: formatMessage(labels.referrer),
           path: updateParams({ view: 'referrer' }),
-          icon: <Share2 />,
+          icon: <SquareArrowRight />,
         },
         {
           id: 'channel',
@@ -167,7 +167,7 @@ export function WebsiteExpandedView({
           id: 'hostname',
           label: formatMessage(labels.hostname),
           path: updateParams({ view: 'hostname' }),
-          icon: <Network />,
+          icon: <LucideCaseSensitive />,
         },
         {
           id: 'tag',
@@ -181,7 +181,7 @@ export function WebsiteExpandedView({
 
   return (
     <Grid columns="auto 1fr" gap="6" height="100%" overflow="hidden">
-      <Column gap="6" border="right" paddingRight="3" overflowY="auto">
+      <Column gap="6" border="right" paddingRight="3">
         <SideMenu items={items} selectedKey={view} muteItems={false} />
       </Column>
       <Column overflow="hidden">
diff --git a/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx b/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
index 5af275119..45a148b07 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
+++ b/src/app/(main)/websites/[websiteId]/WebsiteNav.tsx
@@ -10,7 +10,7 @@ import {
   MagnetSvg,
   Tag,
   MoneySvg,
-  NetworkSvg,
+  Network,
   ChartPie,
   UserPlus,
   CompareSvg,
@@ -137,7 +137,7 @@ export function WebsiteNav({ websiteId }: { websiteId: string }) {
         {
           id: 'attribution',
           label: formatMessage(labels.attribution),
-          icon: <NetworkSvg />,
+          icon: <Network />,
           path: renderPath('/attribution'),
         },
       ],
diff --git a/src/app/(main)/websites/[websiteId]/cohorts/CohortDeleteButton.tsx b/src/app/(main)/websites/[websiteId]/cohorts/CohortDeleteButton.tsx
index 239193b0d..9e56a875f 100644
--- a/src/app/(main)/websites/[websiteId]/cohorts/CohortDeleteButton.tsx
+++ b/src/app/(main)/websites/[websiteId]/cohorts/CohortDeleteButton.tsx
@@ -17,12 +17,12 @@ export function CohortDeleteButton({
   onSave?: () => void;
 }) {
   const { formatMessage, labels } = useMessages();
-  const { mutateAsync, isPending, error, touch } = useDeleteQuery(
+  const { mutate, isPending, error, touch } = useDeleteQuery(
     `/websites/${websiteId}/segments/${cohortId}`,
   );
 
-  const handleConfirm = async (close: () => void) => {
-    await mutateAsync(null, {
+  const handleConfirm = (close: () => void) => {
+    mutate(null, {
       onSuccess: () => {
         touch('cohorts');
         onSave?.();
diff --git a/src/app/(main)/websites/[websiteId]/cohorts/CohortEditForm.tsx b/src/app/(main)/websites/[websiteId]/cohorts/CohortEditForm.tsx
index 3b228e835..c02d85c9a 100644
--- a/src/app/(main)/websites/[websiteId]/cohorts/CohortEditForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/cohorts/CohortEditForm.tsx
@@ -33,7 +33,7 @@ export function CohortEditForm({
   const { data } = useWebsiteCohortQuery(websiteId, cohortId);
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
 
-  const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+  const { mutate, error, isPending, touch, toast } = useUpdateQuery(
     `/websites/${websiteId}/segments${cohortId ? `/${cohortId}` : ''}`,
     {
       type: 'cohort',
@@ -41,7 +41,7 @@ export function CohortEditForm({
   );
 
   const handleSubmit = async (formData: any) => {
-    await mutateAsync(formData, {
+    mutate(formData, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch('cohorts');
diff --git a/src/app/(main)/websites/[websiteId]/segments/SegmentDeleteButton.tsx b/src/app/(main)/websites/[websiteId]/segments/SegmentDeleteButton.tsx
index a588d11a3..f212187b8 100644
--- a/src/app/(main)/websites/[websiteId]/segments/SegmentDeleteButton.tsx
+++ b/src/app/(main)/websites/[websiteId]/segments/SegmentDeleteButton.tsx
@@ -17,12 +17,12 @@ export function SegmentDeleteButton({
   onSave?: () => void;
 }) {
   const { formatMessage, labels } = useMessages();
-  const { mutateAsync, isPending, error, touch } = useDeleteQuery(
+  const { mutate, isPending, error, touch } = useDeleteQuery(
     `/websites/${websiteId}/segments/${segmentId}`,
   );
 
-  const handleConfirm = async (close: () => void) => {
-    await mutateAsync(null, {
+  const handleConfirm = (close: () => void) => {
+    mutate(null, {
       onSuccess: () => {
         touch('segments');
         onSave?.();
diff --git a/src/app/(main)/websites/[websiteId]/segments/SegmentEditForm.tsx b/src/app/(main)/websites/[websiteId]/segments/SegmentEditForm.tsx
index 26b973529..32b7ee931 100644
--- a/src/app/(main)/websites/[websiteId]/segments/SegmentEditForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/segments/SegmentEditForm.tsx
@@ -30,7 +30,7 @@ export function SegmentEditForm({
   const { data } = useWebsiteSegmentQuery(websiteId, segmentId);
   const { formatMessage, labels, getErrorMessage } = useMessages();
 
-  const { mutateAsync, error, isPending, touch, toast } = useUpdateQuery(
+  const { mutate, error, isPending, touch, toast } = useUpdateQuery(
     `/websites/${websiteId}/segments${segmentId ? `/${segmentId}` : ''}`,
     {
       type: 'segment',
@@ -38,7 +38,7 @@ export function SegmentEditForm({
   );
 
   const handleSubmit = async (formData: any) => {
-    await mutateAsync(formData, {
+    mutate(formData, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch('segments');
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm.tsx
index 780aab74e..a123813d0 100644
--- a/src/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteDeleteForm.tsx
@@ -13,10 +13,10 @@ export function WebsiteDeleteForm({
   onClose?: () => void;
 }) {
   const { formatMessage, labels } = useMessages();
-  const { mutateAsync, isPending, error, touch } = useDeleteQuery(`/websites/${websiteId}`);
+  const { mutate, isPending, error, touch } = useDeleteQuery(`/websites/${websiteId}`);
 
   const handleConfirm = async () => {
-    await mutateAsync(null, {
+    mutate(null, {
       onSuccess: async () => {
         touch('websites');
         touch(`websites:${websiteId}`);
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteEditForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteEditForm.tsx
index 50598199a..e79ec922b 100644
--- a/src/app/(main)/websites/[websiteId]/settings/WebsiteEditForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteEditForm.tsx
@@ -5,10 +5,10 @@ import { DOMAIN_REGEX } from '@/lib/constants';
 export function WebsiteEditForm({ websiteId, onSave }: { websiteId: string; onSave?: () => void }) {
   const website = useWebsite();
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
-  const { mutateAsync, error, touch, toast } = useUpdateQuery(`/websites/${websiteId}`);
+  const { mutate, error, touch, toast, isPending } = useUpdateQuery(`/websites/${websiteId}`);
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch(`website:${website.id}`);
@@ -45,7 +45,12 @@ export function WebsiteEditForm({ websiteId, onSave }: { websiteId: string; onSa
         <TextField />
       </FormField>
       <FormButtons>
-        <FormSubmitButton data-test="button-submit" variant="primary">
+        <FormSubmitButton
+          data-test="button-submit"
+          variant="primary"
+          isLoading={isPending}
+          isDisabled={isPending}
+        >
           {formatMessage(labels.save)}
         </FormSubmitButton>
       </FormButtons>
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteResetForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteResetForm.tsx
index 43583c3e2..3c990ded9 100644
--- a/src/app/(main)/websites/[websiteId]/settings/WebsiteResetForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteResetForm.tsx
@@ -13,10 +13,10 @@ export function WebsiteResetForm({
   onClose?: () => void;
 }) {
   const { formatMessage, labels } = useMessages();
-  const { mutateAsync, isPending, error } = useUpdateQuery(`/websites/${websiteId}/reset`);
+  const { mutate, isPending, error } = useUpdateQuery(`/websites/${websiteId}/reset`);
 
   const handleConfirm = async () => {
-    await mutateAsync(null, {
+    mutate(null, {
       onSuccess: async () => {
         onSave?.();
         onClose?.();
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteShareForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteShareForm.tsx
index dc2fe6892..f828d9e11 100644
--- a/src/app/(main)/websites/[websiteId]/settings/WebsiteShareForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteShareForm.tsx
@@ -25,7 +25,7 @@ export interface WebsiteShareFormProps {
 export function WebsiteShareForm({ websiteId, shareId, onSave, onClose }: WebsiteShareFormProps) {
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
   const [id, setId] = useState(shareId);
-  const { mutateAsync, error, touch, toast } = useUpdateQuery(`/websites/${websiteId}`);
+  const { mutate, error, isPending, touch, toast } = useUpdateQuery(`/websites/${websiteId}`);
 
   const url = `${window?.location.origin || ''}${process.env.basePath || ''}/share/${id}`;
 
@@ -37,11 +37,11 @@ export function WebsiteShareForm({ websiteId, shareId, onSave, onClose }: Websit
     setId(id ? null : generateId());
   };
 
-  const handleSave = async () => {
+  const handleSave = () => {
     const data = {
       shareId: id,
     };
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async () => {
         toast(formatMessage(messages.saved));
         touch(`website:${websiteId}`);
@@ -69,7 +69,9 @@ export function WebsiteShareForm({ websiteId, shareId, onSave, onClose }: Websit
           </Row>
           <Row alignItems="center" gap>
             {onClose && <Button onPress={onClose}>{formatMessage(labels.cancel)}</Button>}
-            <FormSubmitButton isDisabled={false}>{formatMessage(labels.save)}</FormSubmitButton>
+            <FormSubmitButton isDisabled={false} isLoading={isPending}>
+              {formatMessage(labels.save)}
+            </FormSubmitButton>
           </Row>
         </FormButtons>
       </Column>
diff --git a/src/app/(main)/websites/[websiteId]/settings/WebsiteTransferForm.tsx b/src/app/(main)/websites/[websiteId]/settings/WebsiteTransferForm.tsx
index 9752a48e5..f7461a445 100644
--- a/src/app/(main)/websites/[websiteId]/settings/WebsiteTransferForm.tsx
+++ b/src/app/(main)/websites/[websiteId]/settings/WebsiteTransferForm.tsx
@@ -32,7 +32,7 @@ export function WebsiteTransferForm({
   const website = useWebsite();
   const [teamId, setTeamId] = useState<string>(null);
   const { formatMessage, labels, messages, getErrorMessage } = useMessages();
-  const { mutateAsync, error, isPending } = useUpdateQuery(`/websites/${websiteId}/transfer`);
+  const { mutate, error, isPending } = useUpdateQuery(`/websites/${websiteId}/transfer`);
   const { data: teams, isLoading } = useUserTeamsQuery(user.id);
   const isTeamWebsite = !!website?.teamId;
 
@@ -45,7 +45,7 @@ export function WebsiteTransferForm({
     ) || [];
 
   const handleSubmit = async () => {
-    await mutateAsync(
+    mutate(
       {
         userId: website.teamId ? user.id : undefined,
         teamId: website.userId ? teamId : undefined,
diff --git a/src/app/login/LoginForm.tsx b/src/app/login/LoginForm.tsx
index 90ac981ab..3dcbadef7 100644
--- a/src/app/login/LoginForm.tsx
+++ b/src/app/login/LoginForm.tsx
@@ -18,10 +18,10 @@ import { LogoSvg } from '@/components/icons';
 export function LoginForm() {
   const { formatMessage, labels, getErrorMessage } = useMessages();
   const router = useRouter();
-  const { mutateAsync, error } = useUpdateQuery('/auth/login');
+  const { mutate, error, isPending } = useUpdateQuery('/auth/login');
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
+    mutate(data, {
       onSuccess: async ({ token, user }) => {
         setClientAuthToken(token);
         setUser(user);
@@ -55,7 +55,13 @@ export function LoginForm() {
           <PasswordField />
         </FormField>
         <FormButtons>
-          <FormSubmitButton data-test="button-submit" variant="primary" style={{ flex: 1 }}>
+          <FormSubmitButton
+            data-test="button-submit"
+            variant="primary"
+            isLoading={isPending}
+            isDisabled={isPending}
+            style={{ flex: 1 }}
+          >
             {formatMessage(labels.login)}
           </FormSubmitButton>
         </FormButtons>
diff --git a/src/components/input/ReportEditButton.tsx b/src/components/input/ReportEditButton.tsx
index 8f0c7a3cc..38fa17dd3 100644
--- a/src/components/input/ReportEditButton.tsx
+++ b/src/components/input/ReportEditButton.tsx
@@ -31,7 +31,7 @@ export function ReportEditButton({
   const { formatMessage, labels, messages } = useMessages();
   const [showEdit, setShowEdit] = useState(false);
   const [showDelete, setShowDelete] = useState(false);
-  const { mutateAsync, touch } = useDeleteQuery(`/reports/${id}`);
+  const { mutate, touch } = useDeleteQuery(`/reports/${id}`);
 
   const handleAction = (id: any) => {
     if (id === 'edit') {
@@ -47,7 +47,7 @@ export function ReportEditButton({
   };
 
   const handleDelete = async () => {
-    await mutateAsync(null, {
+    mutate(null, {
       onSuccess: async () => {
         touch(`reports:${type}`);
         setShowDelete(false);
diff --git a/src/components/input/SegmentFilters.tsx b/src/components/input/SegmentFilters.tsx
index 6324d7c4c..63d64795f 100644
--- a/src/components/input/SegmentFilters.tsx
+++ b/src/components/input/SegmentFilters.tsx
@@ -1,7 +1,6 @@
 import { List, ListItem } from '@umami/react-zen';
 import { useWebsiteSegmentsQuery } from '@/components/hooks';
 import { LoadingPanel } from '@/components/common/LoadingPanel';
-import { Empty } from '@/components/common/Empty';
 
 export interface SegmentFiltersProps {
   websiteId: string;
@@ -24,7 +23,6 @@ export function SegmentFilters({
 
   return (
     <LoadingPanel data={data} isLoading={isLoading} isFetching={isFetching} overflowY="auto">
-      {data?.data?.length === 0 && <Empty />}
       <List selectionMode="single" value={[segmentId]} onChange={id => handleChange(id[0])}>
         {data?.data?.map(item => {
           return (
diff --git a/src/components/input/SettingsButton.tsx b/src/components/input/SettingsButton.tsx
index 275fab07f..68fd2cdc3 100644
--- a/src/components/input/SettingsButton.tsx
+++ b/src/components/input/SettingsButton.tsx
@@ -10,27 +10,23 @@ import {
   MenuSection,
 } from '@umami/react-zen';
 import { useMessages, useLoginQuery, useNavigation, useConfig } from '@/components/hooks';
-import { LogOut, LockKeyhole, Settings, UserCircle, LifeBuoy, BookText } from '@/components/icons';
-import { DOCS_URL } from '@/lib/constants';
+import { LogOut, LockKeyhole, Settings, UserCircle } from '@/components/icons';
 
 export function SettingsButton() {
   const { formatMessage, labels } = useMessages();
   const { user } = useLoginQuery();
-  const { router } = useNavigation();
+  const { router, renderUrl } = useNavigation();
   const { cloudMode } = useConfig();
 
   const handleAction = (id: Key) => {
-    const url = id.toString();
-
-    if (cloudMode) {
-      if (url === '/docs') {
-        window.open(DOCS_URL, '_blank');
-      } else {
-        window.location.href = url;
+    if (id === 'settings') {
+      if (cloudMode) {
+        window.location.href = `/settings`;
+        return;
       }
-    } else {
-      router.push(url);
     }
+
+    router.push(renderUrl(`/${id}`));
   };
 
   return (
@@ -44,26 +40,12 @@ export function SettingsButton() {
         <Menu autoFocus="last" onAction={handleAction}>
           <MenuSection title={user.username}>
             <MenuSeparator />
-            <MenuItem id="/settings" icon={<Settings />} label={formatMessage(labels.settings)} />
+            <MenuItem id="settings" icon={<Settings />} label={formatMessage(labels.settings)} />
             {!cloudMode && user.isAdmin && (
-              <MenuItem id="/admin" icon={<LockKeyhole />} label={formatMessage(labels.admin)} />
-            )}
-            {cloudMode && (
-              <>
-                <MenuItem
-                  id="/docs"
-                  icon={<BookText />}
-                  label={formatMessage(labels.documentation)}
-                />
-                <MenuItem
-                  id="/settings/support"
-                  icon={<LifeBuoy />}
-                  label={formatMessage(labels.support)}
-                />
-              </>
+              <MenuItem id="admin" icon={<LockKeyhole />} label={formatMessage(labels.admin)} />
             )}
             <MenuSeparator />
-            <MenuItem id="/logout" icon={<LogOut />} label={formatMessage(labels.logout)} />
+            <MenuItem id="logout" icon={<LogOut />} label={formatMessage(labels.logout)} />
           </MenuSection>
         </Menu>
       </Popover>
diff --git a/src/components/messages.ts b/src/components/messages.ts
index c40a3b05f..1abe98f28 100644
--- a/src/components/messages.ts
+++ b/src/components/messages.ts
@@ -360,8 +360,6 @@ export const labels = defineMessages({
   environment: { id: 'label.environment', defaultMessage: 'Environment' },
   criteria: { id: 'label.criteria', defaultMessage: 'Criteria' },
   share: { id: 'label.share', defaultMessage: 'Share' },
-  support: { id: 'label.support', defaultMessage: 'Support' },
-  documentation: { id: 'label.documentation', defaultMessage: 'Documentation' },
 });
 
 export const messages = defineMessages({
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index c6c63c709..136f85115 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -8,7 +8,6 @@ export const DASHBOARD_CONFIG = 'umami.dashboard';
 export const VERSION_CHECK = 'umami.version-check';
 export const SHARE_TOKEN_HEADER = 'x-umami-share-token';
 export const HOMEPAGE_URL = 'https://umami.is';
-export const DOCS_URL = 'https://umami.is/docs';
 export const REPO_URL = 'https://github.com/umami-software/umami';
 export const UPDATES_URL = 'https://api.umami.is/v1/updates';
 export const TELEMETRY_PIXEL = 'https://i.umami.is/a.png';