From fd7e367380549e14dc1a54552ec9226ece543649 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Mon, 20 Jun 2022 15:02:07 -0600
Subject: [PATCH 1/9] Update react package version

---
 packages/react/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/package.json b/packages/react/package.json
index e5ca4fb03..570ecba0d 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.0-alpha.2",
+  "version": "2.2.0-alpha.3",
   "description": "Collection of React Hooks for web3-onboard",
   "module": "dist/index.js",
   "browser": "dist/index.js",

From 26f8cbf686ecdd4a3e2ff077b6e294e33c1bd01e Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 11:05:13 -0600
Subject: [PATCH 2/9] Not working

---
 packages/core/src/views/Index.svelte        | 23 ++++++++++++++-------
 packages/core/src/views/notify/Index.svelte |  2 +-
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index adcb618dc..f909eb66a 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -23,6 +23,13 @@
     bottomRight: 'bottom: 0; right: 0;',
     bottomLeft: 'bottom: 0; left: 0;'
   }
+  accountCenter$.subscribe(e => console.log(e))
+  notify$.subscribe(e => console.log(e))
+  $: sharedContainer =
+    $accountCenter$.enabled &&
+    $notify$.enabled &&
+    $notify$.position === $accountCenter$.position
+  $: console.log(sharedContainer)
 </script>
 
 <style>
@@ -280,7 +287,7 @@
   <SwitchChain />
 {/if}
 
-{#if $notify$.enabled && $accountCenter$.enabled && $wallets$.length}
+{#if sharedContainer && $wallets$.length}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -290,8 +297,8 @@
       ? 'padding-top:0;'
       : ''} "
   >
-    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
-      <Notify position={$notify$.position} sharedContainer={true} />
+    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom')}
+      <Notify position={$notify$.position} sharedContainer />
     {/if}
     <div
       style={!$accountCenter$.expanded &&
@@ -306,12 +313,12 @@
     >
       <AccountCenter settings={$accountCenter$} />
     </div>
-    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
-      <Notify position={$notify$.position} sharedContainer={true} />
+    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top')}
+      <Notify position={$notify$.position} sharedContainer />
     {/if}
   </div>
 {/if}
-{#if $accountCenter$.enabled && (!$notify$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile')) && $wallets$.length}
+{#if $accountCenter$.enabled && $wallets$.length && !sharedContainer}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -338,7 +345,7 @@
     </div>
   </div>
 {/if}
-{#if $notify$.enabled && (!$accountCenter$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile') || ($notify$.position.includes('top') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('bottom') && $accountCenter$.position.includes('top'))) && $wallets$.length}
+{#if $notify$.enabled && $wallets$.length && !sharedContainer}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$notify$.position]}; {device.type ===
@@ -348,6 +355,6 @@
       ? 'padding-top:0;'
       : ''} "
   >
-    <Notify position={$notify$.position} sharedContainer={false} />
+    <Notify position={$notify$.position} sharedContainer />
   </div>
 {/if}
diff --git a/packages/core/src/views/notify/Index.svelte b/packages/core/src/views/notify/Index.svelte
index 5e5f31213..c61fd1069 100644
--- a/packages/core/src/views/notify/Index.svelte
+++ b/packages/core/src/views/notify/Index.svelte
@@ -36,7 +36,7 @@
   x = 0
   y = 0
 
-  const notifications$ = state.select('notifications').pipe(startWith([]))
+  const notifications$ = state.select('notifications').pipe(startWith(state.get().notifications))
 
   let overflowY = 'y-scroll'
   const updateScrollYOnRemove = (): void => {

From 84b5e663a65b627f23e4452b4a19ebad77e82ba3 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 12:03:31 -0600
Subject: [PATCH 3/9] push for taylor to review

---
 packages/core/src/views/Index.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index f909eb66a..a475f0041 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { shareReplay, startWith } from 'rxjs/operators'
+  import { shareReplay, startWith, mergeMap, share } from 'rxjs/operators'
   import { connectWallet$, switchChainModal$, wallets$ } from '../streams'
   import { state } from '../store'
   import Connect from './connect/Index.svelte'
@@ -17,19 +17,19 @@
   const notify$ = state
     .select('notify')
     .pipe(startWith(state.get().notify), shareReplay(1))
+
   const positioningDefaults = {
     topLeft: 'top: 0; left: 0;',
     topRight: 'top: 0; right: 0;',
     bottomRight: 'bottom: 0; right: 0;',
     bottomLeft: 'bottom: 0; left: 0;'
   }
-  accountCenter$.subscribe(e => console.log(e))
-  notify$.subscribe(e => console.log(e))
+
   $: sharedContainer =
     $accountCenter$.enabled &&
     $notify$.enabled &&
     $notify$.position === $accountCenter$.position
-  $: console.log(sharedContainer)
+
 </script>
 
 <style>
@@ -287,7 +287,7 @@
   <SwitchChain />
 {/if}
 
-{#if sharedContainer && $wallets$.length}
+{#if sharedContainer}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===

From 08d53097daee91f1990dc28af2dc00bd27da79c4 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 12:51:02 -0600
Subject: [PATCH 4/9] Moved notification stream up a level, positioning working
 as expected

---
 packages/core/src/views/Index.svelte        | 33 +++++++++++++++------
 packages/core/src/views/notify/Index.svelte |  8 ++---
 2 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index a475f0041..ea8aff88e 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -18,6 +18,10 @@
     .select('notify')
     .pipe(startWith(state.get().notify), shareReplay(1))
 
+  const notifications$ = $notify$.enabled
+    ? state.select('notifications').pipe(startWith(state.get().notifications))
+    : null
+
   const positioningDefaults = {
     topLeft: 'top: 0; left: 0;',
     topRight: 'top: 0; right: 0;',
@@ -29,7 +33,6 @@
     $accountCenter$.enabled &&
     $notify$.enabled &&
     $notify$.position === $accountCenter$.position
-
 </script>
 
 <style>
@@ -287,7 +290,7 @@
   <SwitchChain />
 {/if}
 
-{#if sharedContainer}
+{#if $notify$.enabled && $accountCenter$.enabled && $wallets$.length}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -297,8 +300,12 @@
       ? 'padding-top:0;'
       : ''} "
   >
-    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom')}
-      <Notify position={$notify$.position} sharedContainer />
+    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
+      <Notify
+        notifications={$notifications$}
+        position={$notify$.position}
+        sharedContainer
+      />
     {/if}
     <div
       style={!$accountCenter$.expanded &&
@@ -313,12 +320,16 @@
     >
       <AccountCenter settings={$accountCenter$} />
     </div>
-    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top')}
-      <Notify position={$notify$.position} sharedContainer />
+    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
+      <Notify
+        notifications={$notifications$}
+        position={$notify$.position}
+        sharedContainer
+      />
     {/if}
   </div>
 {/if}
-{#if $accountCenter$.enabled && $wallets$.length && !sharedContainer}
+{#if $accountCenter$.enabled && (!$notify$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile')) && $wallets$.length}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -345,7 +356,7 @@
     </div>
   </div>
 {/if}
-{#if $notify$.enabled && $wallets$.length && !sharedContainer}
+{#if $notify$.enabled && (!$accountCenter$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile') || ($notify$.position.includes('top') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('bottom') && $accountCenter$.position.includes('top'))) && $wallets$.length}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$notify$.position]}; {device.type ===
@@ -355,6 +366,10 @@
       ? 'padding-top:0;'
       : ''} "
   >
-    <Notify position={$notify$.position} sharedContainer />
+    <Notify
+      notifications={$notifications$}
+      position={$notify$.position}
+      sharedContainer
+    />
   </div>
 {/if}
diff --git a/packages/core/src/views/notify/Index.svelte b/packages/core/src/views/notify/Index.svelte
index c61fd1069..e446a67af 100644
--- a/packages/core/src/views/notify/Index.svelte
+++ b/packages/core/src/views/notify/Index.svelte
@@ -7,6 +7,7 @@
   import { shareReplay, startWith } from 'rxjs/operators'
   import Notification from './Notification.svelte'
   import { configuration } from '../../configuration'
+  import type { Notification as NotificationType } from '../../types'
 
   const { device } = configuration
 
@@ -16,6 +17,7 @@
 
   export let position: string
   export let sharedContainer: boolean
+  export let notifications: NotificationType[]
 
   let x: number
   let y: number
@@ -36,8 +38,6 @@
   x = 0
   y = 0
 
-  const notifications$ = state.select('notifications').pipe(startWith(state.get().notifications))
-
   let overflowY = 'y-scroll'
   const updateScrollYOnRemove = (): void => {
     if (overflowY !== 'y-visible') {
@@ -114,7 +114,7 @@
   }
 </style>
 
-{#if $notifications$.length}
+{#if notifications.length}
   <ul
     class="bn-notify-{position} {overflowY}"
     style={`${
@@ -129,7 +129,7 @@
         : '24px'
     })`}
   >
-    {#each $notifications$ as notification (notification.key)}
+    {#each notifications as notification (notification.key)}
       <li
         animate:flip={{ duration: 500 }}
         on:click|stopPropagation

From d98bb50f7ea66c443f5ee6d771490c29785a8de2 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 13:28:29 -0600
Subject: [PATCH 5/9] working but needs cleanup

---
 packages/core/src/views/Index.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index ea8aff88e..4f609d723 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -290,7 +290,7 @@
   <SwitchChain />
 {/if}
 
-{#if $notify$.enabled && $accountCenter$.enabled && $wallets$.length}
+{#if $notify$.enabled && $accountCenter$.enabled && $wallets$.length && (sharedContainer || (device.type === 'mobile' && ($notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('top') && $accountCenter$.position.includes('top')))) }
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -304,7 +304,7 @@
       <Notify
         notifications={$notifications$}
         position={$notify$.position}
-        sharedContainer
+        sharedContainer={sharedContainer}
       />
     {/if}
     <div
@@ -324,12 +324,12 @@
       <Notify
         notifications={$notifications$}
         position={$notify$.position}
-        sharedContainer
+        sharedContainer={sharedContainer}
       />
     {/if}
   </div>
 {/if}
-{#if $accountCenter$.enabled && (!$notify$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile')) && $wallets$.length}
+{#if $accountCenter$.enabled && (!$notify$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile') || (device.type === 'mobile' && ($notify$.position.includes('top') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('bottom') && $accountCenter$.position.includes('top')))) && $wallets$.length}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -369,7 +369,7 @@
     <Notify
       notifications={$notifications$}
       position={$notify$.position}
-      sharedContainer
+      sharedContainer={sharedContainer}
     />
   </div>
 {/if}

From aa5c4bfe2e7c135d75d29e6e5bf0a785c2241223 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 15:26:58 -0600
Subject: [PATCH 6/9] Handle placement and abstract logic into variables

---
 packages/core/src/views/Index.svelte | 55 ++++++++++++++++++++++++----
 1 file changed, 47 insertions(+), 8 deletions(-)

diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index 4f609d723..960b22bac 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -33,6 +33,45 @@
     $accountCenter$.enabled &&
     $notify$.enabled &&
     $notify$.position === $accountCenter$.position
+
+  $: sameMobileContainer =
+    device.type === 'mobile' || $accountCenter$.position === $notify$.position
+
+  $: sharedMobileContainerCheck =
+    device.type === 'mobile' &&
+    (($notify$.position.includes('bottom') &&
+      $accountCenter$.position.includes('bottom')) ||
+      ($notify$.position.includes('top') &&
+        $accountCenter$.position.includes('top')))
+
+  $: separateMobileContainerCheck =
+    device.type === 'mobile' &&
+    (($notify$.position.includes('top') &&
+      $accountCenter$.position.includes('bottom')) ||
+      ($notify$.position.includes('bottom') &&
+        $accountCenter$.position.includes('top')))
+
+  $: displayNotifySeparate =
+    $notify$.enabled &&
+    (!$accountCenter$.enabled ||
+      ($notify$.position !== $accountCenter$.position &&
+        device.type !== 'mobile') ||
+      separateMobileContainerCheck) &&
+    $wallets$.length
+
+  $: displayAccountCenterSeparate =
+    $accountCenter$.enabled &&
+    (!$notify$.enabled ||
+      ($notify$.position !== $accountCenter$.position &&
+        device.type !== 'mobile') ||
+      separateMobileContainerCheck) &&
+    $wallets$.length
+
+  $: displayAccountCenterNotifySameContainer =
+    $notify$.enabled &&
+    $accountCenter$.enabled &&
+    $wallets$.length &&
+    (sharedContainer || sharedMobileContainerCheck)
 </script>
 
 <style>
@@ -290,7 +329,7 @@
   <SwitchChain />
 {/if}
 
-{#if $notify$.enabled && $accountCenter$.enabled && $wallets$.length && (sharedContainer || (device.type === 'mobile' && ($notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('top') && $accountCenter$.position.includes('top')))) }
+{#if displayAccountCenterNotifySameContainer}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -300,11 +339,11 @@
       ? 'padding-top:0;'
       : ''} "
   >
-    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
+    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom') && sameMobileContainer}
       <Notify
         notifications={$notifications$}
         position={$notify$.position}
-        sharedContainer={sharedContainer}
+        {sharedContainer}
       />
     {/if}
     <div
@@ -320,16 +359,16 @@
     >
       <AccountCenter settings={$accountCenter$} />
     </div>
-    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top') && (device.type === 'mobile' || $accountCenter$.position === $notify$.position)}
+    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top') && sameMobileContainer}
       <Notify
         notifications={$notifications$}
         position={$notify$.position}
-        sharedContainer={sharedContainer}
+        {sharedContainer}
       />
     {/if}
   </div>
 {/if}
-{#if $accountCenter$.enabled && (!$notify$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile') || (device.type === 'mobile' && ($notify$.position.includes('top') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('bottom') && $accountCenter$.position.includes('top')))) && $wallets$.length}
+{#if displayAccountCenterSeparate}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$accountCenter$.position]}; {device.type ===
@@ -356,7 +395,7 @@
     </div>
   </div>
 {/if}
-{#if $notify$.enabled && (!$accountCenter$.enabled || ($notify$.position !== $accountCenter$.position && device.type !== 'mobile') || ($notify$.position.includes('top') && $accountCenter$.position.includes('bottom')) || ($notify$.position.includes('bottom') && $accountCenter$.position.includes('top'))) && $wallets$.length}
+{#if displayNotifySeparate}
   <div
     class="container flex flex-column fixed z-indexed"
     style="{positioningDefaults[$notify$.position]}; {device.type ===
@@ -369,7 +408,7 @@
     <Notify
       notifications={$notifications$}
       position={$notify$.position}
-      sharedContainer={sharedContainer}
+      {sharedContainer}
     />
   </div>
 {/if}

From 1751c65b47960eefd8915aac903547d7411ccdb1 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 15:32:57 -0600
Subject: [PATCH 7/9] Bump versions

---
 packages/core/package.json  | 2 +-
 packages/react/package.json | 4 ++--
 packages/vue/package.json   | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/core/package.json b/packages/core/package.json
index bf773ec72..3f9c2bdb7 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.3.2-alpha.2",
+  "version": "2.3.2-alpha.3",
   "repository": "blocknative/web3-onboard",
   "scripts": {
     "build": "rollup -c",
diff --git a/packages/react/package.json b/packages/react/package.json
index 8c2c06dfb..382f9b7de 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/react",
-  "version": "2.2.2-alpha.1",
+  "version": "2.2.2-alpha.2",
   "description": "Collection of React Hooks for web3-onboard",
   "repository": "blocknative/web3-onboard",
   "module": "dist/index.js",
@@ -24,7 +24,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/core": "^2.3.2-alpha.2",
+    "@web3-onboard/core": "^2.3.2-alpha.3",
     "@web3-onboard/common": "^2.1.4-alpha.1",
     "use-sync-external-store": "1.0.0"
   },
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 80aa7e606..9c330fffb 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/vue",
-  "version": "2.1.2-alpha.1",
+  "version": "2.1.2-alpha.2",
   "description": "Vue Composable for web3-onboard",
   "repository": "blocknative/web3-onboard",
   "module": "dist/index.js",
@@ -25,7 +25,7 @@
     "@vueuse/core": "^8.4.2",
     "@vueuse/rxjs": "^8.2.0",
     "@web3-onboard/common": "^2.1.4-alpha.1",
-    "@web3-onboard/core": "^2.3.2-alpha.2",
+    "@web3-onboard/core": "^2.3.2-alpha.3",
     "vue-demi": "^0.12.4"
   },
   "peerDependencies": {

From 4dac77f777a9e83e39ea940efd858825733723f4 Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 15:37:50 -0600
Subject: [PATCH 8/9] Remove unnecessary opperators

---
 packages/core/src/views/Index.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index 960b22bac..148db4e42 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { shareReplay, startWith, mergeMap, share } from 'rxjs/operators'
+  import { shareReplay, startWith } from 'rxjs/operators'
   import { connectWallet$, switchChainModal$, wallets$ } from '../streams'
   import { state } from '../store'
   import Connect from './connect/Index.svelte'

From c91cf3b8a969d5a0ece04f421a80235ad777ab0a Mon Sep 17 00:00:00 2001
From: Adam Carpenter <adamcarpenter86@gmail.com>
Date: Wed, 29 Jun 2022 15:42:41 -0600
Subject: [PATCH 9/9] Refine naming

---
 packages/core/src/views/Index.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/views/Index.svelte b/packages/core/src/views/Index.svelte
index 148db4e42..dcdca9865 100644
--- a/packages/core/src/views/Index.svelte
+++ b/packages/core/src/views/Index.svelte
@@ -34,7 +34,7 @@
     $notify$.enabled &&
     $notify$.position === $accountCenter$.position
 
-  $: sameMobileContainer =
+  $: samePositionMobile =
     device.type === 'mobile' || $accountCenter$.position === $notify$.position
 
   $: sharedMobileContainerCheck =
@@ -339,7 +339,7 @@
       ? 'padding-top:0;'
       : ''} "
   >
-    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom') && sameMobileContainer}
+    {#if $notify$.position.includes('bottom') && $accountCenter$.position.includes('bottom') && samePositionMobile}
       <Notify
         notifications={$notifications$}
         position={$notify$.position}
@@ -359,7 +359,7 @@
     >
       <AccountCenter settings={$accountCenter$} />
     </div>
-    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top') && sameMobileContainer}
+    {#if $notify$.position.includes('top') && $accountCenter$.position.includes('top') && samePositionMobile}
       <Notify
         notifications={$notifications$}
         position={$notify$.position}