diff --git a/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx b/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx
index 18a1245e..fb74c0ee 100644
--- a/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx
+++ b/src/login-web-app/src/haapi-stepper/feature/stepper/HaapiStepperErrorNotifier.tsx
@@ -11,7 +11,6 @@
 
 import { IconGeneralClose } from '@curity/ui-kit-icons';
 import { ReactNode, useEffect, useState } from 'react';
-import styles from '../../feature/stepper/haapi-error-notifier.module.css';
 import { useHaapiStepper } from './HaapiStepperHook';
 import { HaapiStepperAppError, HaapiStepperInputError } from './haapi-stepper.types';
 
@@ -53,7 +52,7 @@ export function HaapiStepperErrorNotifier({
   return (
     <>
       {isNotificationVisible && (
-        <div className={styles['haapi-error-notifier-toast']} data-testid="haapi-error-toast" role="alert">
+        <div className="haapi-error-notifier-toast" data-testid="haapi-error-toast" role="alert">
           <div>
             <div className="flex flex-gap-2 flex-center justify-between">
               <h4 className="m0" data-testid="haapi-error-haapi-error-notifier-toast-title">
diff --git a/src/login-web-app/src/haapi-stepper/feature/stepper/haapi-error-notifier.module.css b/src/login-web-app/src/haapi-stepper/feature/stepper/haapi-error-notifier.module.css
deleted file mode 100644
index 5070a9b9..00000000
--- a/src/login-web-app/src/haapi-stepper/feature/stepper/haapi-error-notifier.module.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Copyright (C) 2026 Curity AB. All rights reserved.
- *
- * The contents of this file are the property of Curity AB.
- * You may not copy or use this file, in either source code
- * or executable form, except in compliance with terms
- * set by Curity AB.
- *
- * For further information, please contact Curity AB.
- */
-
-.haapi-error-notifier-toast {
-  position: fixed;
-  inset-block-start: calc(var(--header-height) + var(--space-2));
-  inset-inline-end: var(--space-1);
-  background-color: color-mix(in srgb, var(--color-danger) 8%, white);
-  border: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);
-  color: var(--color-danger);
-  padding-block: var(--space-2);
-  padding-inline: var(--space-2);
-  border-radius: var(--form-field-border-radius);
-  box-shadow:
-    0 10px 15px -3px rgba(0, 0, 0, 0.1),
-    0 4px 6px -2px rgba(0, 0, 0, 0.05);
-  z-index: 50;
-  max-inline-size: 384px;
-  min-inline-size: 300px;
-}
diff --git a/src/login-web-app/src/shared/util/css/styles.css b/src/login-web-app/src/shared/util/css/styles.css
index 9bac798a..a17dddf0 100644
--- a/src/login-web-app/src/shared/util/css/styles.css
+++ b/src/login-web-app/src/shared/util/css/styles.css
@@ -352,3 +352,20 @@ svg {
 .is-error {
   @extend .alert, .alert-danger, .w100, .mx-auto;
 }
+
+.haapi-error-notifier-toast {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background-color: color-mix(in srgb, var(--color-danger) 8%, white);
+  border-bottom: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);
+  padding-block: var(--space-2);
+  padding-inline: var(--space-2);
+  z-index: 50;
+
+  h4 {
+    font-size: var(--type-base-size);
+    color: var(--color-danger);
+  }
+}