diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts
index 69933077e..039bf173b 100644
--- a/packages/core/src/types.ts
+++ b/packages/core/src/types.ts
@@ -280,6 +280,7 @@ export type CommonPositions =
     | 'bottomRight'
     | 'bottomLeft'
     | 'topLeft'
+    | 'topCenter'
 
 export type AccountCenterPosition = CommonPositions
 
diff --git a/packages/core/src/validation.ts b/packages/core/src/validation.ts
index 412851fb6..d2ba6a2c0 100644
--- a/packages/core/src/validation.ts
+++ b/packages/core/src/validation.ts
@@ -156,7 +156,8 @@ const commonPositions = Joi.string().valid(
   'topRight',
   'bottomRight',
   'bottomLeft',
-  'topLeft'
+  'topLeft',
+  'topCenter'
 )
 
 const gasPriceProbabilities = [70, 80, 90, 95, 99]
diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index a69d27e4a..f74d90475 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -1,3 +1,4 @@
+
 <script lang="ts">
   import { shareReplay, startWith } from 'rxjs/operators'
   import { connectWallet$, switchChainModal$, wallets$ } from '../streams.js'
@@ -27,17 +28,23 @@
   const setPositioningDefaults = (targetComponentVariable: string) => {
     return {
       topLeft: `
-        top: var(--${targetComponentVariable}-position-top, 0);
+        top: var(--${targetComponentVariable}-position-top, 24px);
         left: var(--${targetComponentVariable}-position-left, 0);`,
       topRight: `
-        top: var(--${targetComponentVariable}-position-top, 0);
+        top: var(--${targetComponentVariable}-position-top, 24px);
         right: var(--${targetComponentVariable}-position-right, 0);`,
       bottomRight: `
         bottom: var(--${targetComponentVariable}-position-bottom, 0);
         right: var(--${targetComponentVariable}-position-right, 0);`,
       bottomLeft: `
         bottom: var(--${targetComponentVariable}-position-bottom, 0);
-        left: var(--${targetComponentVariable}-position-left, 0);`
+        left: var(--${targetComponentVariable}-position-left, 0);`,
+      topCenter:
+      ` top: var(--${targetComponentVariable}-position-top, 24px);
+        left: var(--${targetComponentVariable}-position-center, 50%);
+        transform: translate(-50%, -50%);
+      `
+
     }
   }
 
diff --git a/packages/core/src/views/notify/Notification.svelte b/packages/core/src/views/notify/Notification.svelte
index 5df7d4e1d..fc697efa4 100644
--- a/packages/core/src/views/notify/Notification.svelte
+++ b/packages/core/src/views/notify/Notification.svelte
@@ -70,6 +70,7 @@
     pointer-events: all;
     backdrop-filter: blur(5px);
     min-height: 56px;
+    max-width: 318px;
     display: flex;
     align-items: center;
     gap: var(--spacing-4);
diff --git a/packages/demo/src/web3-onboard.ts b/packages/demo/src/web3-onboard.ts
index fc20def53..c58e9957c 100644
--- a/packages/demo/src/web3-onboard.ts
+++ b/packages/demo/src/web3-onboard.ts
@@ -230,7 +230,7 @@ export default init({
         //   }
         // }
       },
-      position: 'topLeft'
+      position: 'topCenter'
     }
   }
 })