diff --git a/ghost/admin-x-settings/.storybook/preview.tsx b/ghost/admin-x-settings/.storybook/preview.tsx
index 9e2694ca7f..5369ddc369 100644
--- a/ghost/admin-x-settings/.storybook/preview.tsx
+++ b/ghost/admin-x-settings/.storybook/preview.tsx
@@ -12,10 +12,15 @@ const preview: Preview = {
 				date: /Date$/,
 			},
 		},
+		options: {
+			storySort: {
+				order: ['Global', 'Settings', 'Experimental'],
+			},
+		},
 	},
 	decorators: [
 		(Story) => (
-			<div className="admin-x-settings" style={{padding: '24px'}}>
+			<div className="admin-x-settings" style={{ padding: '24px' }}>
 				{/* 👇 Decorators in Storybook also accept a function. Replace <Story/> with Story() to enable it  */}
 				<Story />
 			</div>
diff --git a/ghost/admin-x-settings/src/admin-x-ds/global/Dropdown.tsx b/ghost/admin-x-settings/src/admin-x-ds/global/Dropdown.tsx
index e40413bb44..f7371f01c2 100644
--- a/ghost/admin-x-settings/src/admin-x-ds/global/Dropdown.tsx
+++ b/ghost/admin-x-settings/src/admin-x-ds/global/Dropdown.tsx
@@ -28,7 +28,7 @@ const Dropdown: React.FC<DropdownProps> = ({title, options, onSelect, error, hin
     return (
         <div className='flex flex-col'>
             {title && <Heading grey={true} useLabelTag={true}>{title}</Heading>}
-            <select className={`-m-1 h-10 border-b ${error ? `border-red` : `border-grey-300 focus:border-grey-900`} py-2 ${title && `mt-0`}`} value={selectedOption} onChange={handleOptionChange}>
+            <select className={`-m-1 h-10 border-b ${error ? `border-red` : `border-grey-300 hover:border-grey-500 focus:border-grey-900`} py-2 ${title && `mt-0`}`} value={selectedOption} onChange={handleOptionChange}>
                 <option value="">Select an option</option>
                 {options.map(option => (
                     <option
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 bb4220c68c..ebf01cd1f5 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
@@ -19,7 +19,7 @@ const TextField: React.FC<ITextField> = ({inputRef, title, value, error, placeho
             {title && <Heading grey={true} useLabelTag={true}>{title}</Heading>}
             <input
                 ref={inputRef} 
-                className={`-m-1 h-10 border-b ${error ? `border-red` : `border-grey-300 focus:border-grey-900`} px-1 py-2 ${title && `mt-0`}`} 
+                className={`-m-1 h-10 border-b ${error ? `border-red` : `border-grey-300 hover:border-grey-500 focus:border-grey-900`} px-1 py-2 ${title && `mt-0`}`} 
                 placeholder={placeholder} 
                 type='text' 
                 value={value}
diff --git a/ghost/admin-x-settings/src/styles/demo.css b/ghost/admin-x-settings/src/styles/demo.css
index 12d104f43e..bb4dbbde0a 100644
--- a/ghost/admin-x-settings/src/styles/demo.css
+++ b/ghost/admin-x-settings/src/styles/demo.css
@@ -60,4 +60,5 @@
 html, body, #root {
     width: 100%;
     height: 100%;
+    margin: 0;
 }
\ No newline at end of file