diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/Select.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/Select.tsx
index 1d1e71050a..0f414cf626 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/Select.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/Select.tsx
@@ -32,7 +32,7 @@ const Select: React.FC<SelectProps> = ({
     error,
     hint,
     defaultSelectedOption,
-    clearBg = false,
+    clearBg = true,
     containerClassName,
     selectClassName,
     optionClassName,
@@ -59,7 +59,7 @@ const Select: React.FC<SelectProps> = ({
         containerClasses = clsx(
             'relative w-full after:pointer-events-none',
             `after:absolute after:block after:h-2 after:w-2 after:rotate-45 after:border-[1px] after:border-l-0 after:border-t-0 after:border-grey-900 after:content-['']`,
-            title ? 'after:top-[22px]' : 'after:top-[14px]',
+            title ? 'after:top-[14px]' : 'after:top-[14px]',
             clearBg ? 'after:right-0' : 'after:right-4'
         );
     }
@@ -71,10 +71,10 @@ const Select: React.FC<SelectProps> = ({
     let selectClasses = '';
     if (!unstyled) {
         selectClasses = clsx(
-            'w-full cursor-pointer appearance-none border-b py-2 outline-none',
+            'h-10 w-full cursor-pointer appearance-none border-b py-2 outline-none',
             !clearBg && 'bg-grey-75 px-[10px]',
             error ? 'border-red' : 'border-grey-500 hover:border-grey-700 focus:border-black',
-            title && 'mt-2'
+            (title && !clearBg) && 'mt-2'
         );
     }
     selectClasses = clsx(
@@ -85,7 +85,7 @@ const Select: React.FC<SelectProps> = ({
     const optionClasses = optionClassName;
 
     return (
-        <div className='flex w-full flex-col'>
+        <div>
             {title && <Heading grey={selectedOption || !prompt ? true : false} htmlFor={id} useLabelTag={true}>{title}</Heading>}
             <div className={containerClasses}>
                 <select className={selectClasses} id={id} value={selectedOption} onChange={handleOptionChange}>
diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/TextArea.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/TextArea.tsx
index 42d47785bd..60bb439a30 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/TextArea.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/TextArea.tsx
@@ -19,7 +19,20 @@ interface TextAreaProps {
     onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
 }
 
-const TextArea: React.FC<TextAreaProps> = ({inputRef, title, value, rows = 3, maxLength, resize = 'none', error, placeholder, hint, clearBg = false, onChange, ...props}) => {
+const TextArea: React.FC<TextAreaProps> = ({
+    inputRef,
+    title,
+    value,
+    rows = 3,
+    maxLength,
+    resize = 'none',
+    error,
+    placeholder,
+    hint,
+    clearBg = true,
+    onChange,
+    ...props
+}) => {
     const id = useId();
 
     let styles = `border-b ${clearBg ? 'bg-transparent' : 'bg-grey-75 px-[10px]'} py-2 ${error ? `border-red` : `border-grey-500 hover:border-grey-700 focus:border-black`} ${(title && !clearBg) && `mt-2`}`;
diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/TextField.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/TextField.tsx
index 6770d295ee..4a0199daf5 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/TextField.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/TextField.tsx
@@ -28,7 +28,7 @@ const TextField: React.FC<TextFieldProps> = ({
     error,
     placeholder,
     hint,
-    clearBg = false,
+    clearBg = true,
     onChange,
     onBlur,
     className = '',
@@ -43,7 +43,7 @@ const TextField: React.FC<TextFieldProps> = ({
             <input
                 ref={inputRef}
                 className={clsx(
-                    'border-b py-2',
+                    'h-10 border-b py-2',
                     clearBg ? 'bg-transparent' : 'bg-grey-75 px-[10px]',
                     error ? `border-red` : `border-grey-500 hover:border-grey-700 focus:border-black`,
                     (title && !hideTitle && !clearBg) && `mt-2`,
diff --git a/ghost/admin-x-settings/src/components/settings/general/UserDetailModal.tsx b/ghost/admin-x-settings/src/components/settings/general/UserDetailModal.tsx
index 4a6dbf3df2..ed17200f83 100644
--- a/ghost/admin-x-settings/src/components/settings/general/UserDetailModal.tsx
+++ b/ghost/admin-x-settings/src/components/settings/general/UserDetailModal.tsx
@@ -36,7 +36,7 @@ interface UserDetailProps {
 
 const CustomHeader: React.FC<CustomHeadingProps> = ({children}) => {
     return (
-        <Heading level={4} separator={true}>{children}</Heading>
+        <Heading level={4}>{children}</Heading>
     );
 };