diff --git a/apps/admin-x-activitypub/src/components/global/BackButton.tsx b/apps/admin-x-activitypub/src/components/global/BackButton.tsx
index 6e53aad9c6..5fa464e63c 100644
--- a/apps/admin-x-activitypub/src/components/global/BackButton.tsx
+++ b/apps/admin-x-activitypub/src/components/global/BackButton.tsx
@@ -1,28 +1,33 @@
 import React from 'react';
-import {Button, LucideIcon} from '@tryghost/shade';
+import {Button, LucideIcon, cn} from '@tryghost/shade';
 import {useNavigate, useNavigationStack} from '@tryghost/admin-x-framework';
 
 interface BackButtonProps {
+    className?: string,
     onClick?: () => void;
 }
 
-const BackButton: React.FC<BackButtonProps> = ({onClick}) => {
+const BackButton: React.FC<BackButtonProps> = ({className, onClick}) => {
     const navigate = useNavigate();
     const {previousPath} = useNavigationStack();
 
     return (
-        <Button className='h-9 w-9 rounded-full bg-white/85 px-2 backdrop-blur-md dark:text-white [&_svg]:size-6' variant='ghost' onClick={() => {
-            if (onClick) {
-                onClick();
-                return;
-            }
+        <Button
+            className={cn(className, 'size-9 rounded-full bg-white/85 px-2 backdrop-blur-md dark:bg-black/85 dark:text-white [&_svg]:size-6')}
+            variant='ghost'
+            onClick={() => {
+                if (onClick) {
+                    onClick();
+                    return;
+                }
 
-            if (previousPath) {
-                navigate(-1);
-            } else {
-                navigate('/');
-            }
-        }}>
+                if (previousPath) {
+                    navigate(-1);
+                } else {
+                    navigate('/');
+                }
+            }}
+        >
             <LucideIcon.ArrowLeft size={24} strokeWidth={1.25} />
         </Button>
     );
diff --git a/apps/admin-x-activitypub/src/components/layout/Header/Header.tsx b/apps/admin-x-activitypub/src/components/layout/Header/Header.tsx
index 85b89702c3..f51f0ab381 100644
--- a/apps/admin-x-activitypub/src/components/layout/Header/Header.tsx
+++ b/apps/admin-x-activitypub/src/components/layout/Header/Header.tsx
@@ -42,8 +42,8 @@ const Header: React.FC = () => {
     return (
         <>
             {onlyBackButton ?
-                <div className='sticky left-8 top-8 z-50 inline-block'>
-                    {backActive && <BackButton />}
+                <div className='sticky left-0 top-8 z-50 inline-block'>
+                    {backActive && <BackButton className='ml-8' />}
                 </div>
                 :
                 <div className='sticky top-0 z-50 bg-white/85 backdrop-blur-md dark:bg-black'>
diff --git a/apps/admin-x-activitypub/src/views/Inbox/components/InboxList.tsx b/apps/admin-x-activitypub/src/views/Inbox/components/InboxList.tsx
index 3bce44738a..e50a0d57f4 100644
--- a/apps/admin-x-activitypub/src/views/Inbox/components/InboxList.tsx
+++ b/apps/admin-x-activitypub/src/views/Inbox/components/InboxList.tsx
@@ -159,7 +159,7 @@ const InboxList:React.FC<InboxListProps> = ({
                     setIsReaderOpen(open);
                 }}
             >
-                <DialogContent className='inset-y-3 h-[calc(100vh-24px)] w-screen max-w-[calc(100vw-24px)] !animate-none p-0 focus:outline-none'>
+                <DialogContent className='inset-y-3 h-[calc(100vh-24px)] w-screen max-w-[calc(100vw-24px)] !animate-none p-0 focus:outline-none dark:bg-gray-950'>
                     <DialogHeader className='hidden'>
                         <DialogTitle>Reader</DialogTitle>
                         <DialogDescription>Ghost reader for long form articles</DialogDescription>
diff --git a/apps/admin-x-activitypub/src/views/Profile/components/ActorList.tsx b/apps/admin-x-activitypub/src/views/Profile/components/ActorList.tsx
index d3763f84e3..11802fd68b 100644
--- a/apps/admin-x-activitypub/src/views/Profile/components/ActorList.tsx
+++ b/apps/admin-x-activitypub/src/views/Profile/components/ActorList.tsx
@@ -79,7 +79,7 @@ const ActorList: React.FC<ActorListProps> = ({
                                         <APAvatar author={actor} />
                                         <div>
                                             <div className='text-gray-600'>
-                                                <span className='mr-1 font-bold text-black'>{getName(actor)}</span>
+                                                <span className='mr-1 font-bold text-black dark:text-white'>{getName(actor)}</span>
                                                 <div className='text-sm'>{actor.handle || getUsername(actor)}</div>
                                             </div>
                                         </div>
diff --git a/apps/admin-x-activitypub/src/views/Profile/components/ProfilePage.tsx b/apps/admin-x-activitypub/src/views/Profile/components/ProfilePage.tsx
index f6ddb55f0a..984514fad5 100644
--- a/apps/admin-x-activitypub/src/views/Profile/components/ProfilePage.tsx
+++ b/apps/admin-x-activitypub/src/views/Profile/components/ProfilePage.tsx
@@ -97,7 +97,7 @@ const ProfilePage:React.FC<ProfilePageProps> = ({
                     )}
                     <>
                         {account?.bannerImageUrl ?
-                            <div className='h-[15vw] w-full overflow-hidden bg-gradient-to-tr from-gray-200 to-gray-100'>
+                            <div className='h-[15vw] min-h-[200px] w-full overflow-hidden bg-gradient-to-tr from-gray-200 to-gray-100'>
                                 <img
                                     alt={account?.name}
                                     className='size-full object-cover'
@@ -105,7 +105,7 @@ const ProfilePage:React.FC<ProfilePageProps> = ({
                                 />
                             </div>
                             :
-                            <div className='h-[8vw] w-full overflow-hidden bg-gradient-to-tr from-white to-white'></div>
+                            <div className='h-[8vw] w-full overflow-hidden bg-gradient-to-tr from-white to-white dark:from-black dark:to-black'></div>
                         }
                         <div className={`mx-auto max-w-[620px] px-6 ${(!account?.bannerImageUrl && !canGoBack) ? '-mt-8' : '-mt-12'}`}>
                             <div className='flex items-end justify-between'>