diff --git a/packages/pl-fe/src/components/modal-root.tsx b/packages/pl-fe/src/components/modal-root.tsx
index 307d049bf..904376f00 100644
--- a/packages/pl-fe/src/components/modal-root.tsx
+++ b/packages/pl-fe/src/components/modal-root.tsx
@@ -151,7 +151,7 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type })
   };
 
   const getSiblings = () => Array(...(ref.current!.parentElement!.childNodes as any as ChildNode[]))
-    .filter(node => (node as HTMLDivElement).id !== 'toaster')
+    .filter(node => (node as HTMLDivElement).id !== '_rht_toaster')
     .filter(node => node !== ref.current);
 
   useEffect(() => {
diff --git a/packages/pl-fe/src/init/pl-fe-mount.tsx b/packages/pl-fe/src/init/pl-fe-mount.tsx
index 2c8ee8263..c1afd6181 100644
--- a/packages/pl-fe/src/init/pl-fe-mount.tsx
+++ b/packages/pl-fe/src/init/pl-fe-mount.tsx
@@ -60,12 +60,10 @@ const PlFeMount = () => {
                   <ModalRoot />
                 </Suspense>
 
-                <div id='toaster'>
-                  <Toaster
-                    position='top-right'
-                    containerClassName='top-4'
-                  />
-                </div>
+                <Toaster
+                  position='top-right'
+                  containerClassName='top-4'
+                />
               </Route>
             </Switch>
           </ScrollContext>