diff --git a/.changeset/ninety-trains-push.md b/.changeset/ninety-trains-push.md
new file mode 100644
index 0000000000..987739dda5
--- /dev/null
+++ b/.changeset/ninety-trains-push.md
@@ -0,0 +1,5 @@
+---
+'@baloise/design-system-components': patch
+---
+
+The arrow position in the navigation popover has been adjusted, and the CSS utility class 'container' has been removed from the navigation component.
diff --git a/CHANGELOG_NEXT.md b/CHANGELOG_NEXT.md
index e92795a902..20c1eadcf5 100644
--- a/CHANGELOG_NEXT.md
+++ b/CHANGELOG_NEXT.md
@@ -559,7 +559,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 * **main nav desktop:** other test ([7cc4394](https://github.com/baloise/design-system/commit/7cc439496b2e5d3c37383853a25950f4dae74794))
 * **main nav desktop:** updated dependencies ([35973d0](https://github.com/baloise/design-system/commit/35973d002d0cdcfa49e393198a1baf1d8e609166))
 
-
 ### Bug Fixes
 
 * **input:** format according to the pattern and enable Home/End key. Closes [#243](https://github.com/baloise/design-system/issues/243) ([bb1e5a3](https://github.com/baloise/design-system/commit/bb1e5a31b00a9df3010e05d32bef74209b619dda))
@@ -701,7 +700,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## [10.20.2](https://github.com/baloise/design-system/compare/v10.20.1...v10.20.2) (2022-09-02)
 
-
 ### Bug Fixes
 
 * fix bal-input mask when deleting last character error popped up ([db14042](https://github.com/baloise/design-system/commit/db14042311dc516a2b752b41593ae4dcdb5fba09))
@@ -712,7 +710,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## [10.20.1](https://github.com/baloise/design-system/compare/v10.20.0...v10.20.1) (2022-09-01)
 
-
 ### Bug Fixes
 
 * **closable-popover:** fix the click outside on popover ([f44dfe0](https://github.com/baloise/design-system/commit/f44dfe0bea15bcbe42e43f8eb0d1b7dc9e4c4b7a))
diff --git a/packages/components/src/components.d.ts b/packages/components/src/components.d.ts
index 4d47374685..4b31ab6e28 100644
--- a/packages/components/src/components.d.ts
+++ b/packages/components/src/components.d.ts
@@ -2518,6 +2518,7 @@ export namespace Components {
           * Id of the reference element default is the trigger element.
          */
         "reference"?: string;
+        "setMinWidth": (value: number) => Promise<void>;
         /**
           * Triggers the popup
          */
diff --git a/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.sass b/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.sass
index c53ea6f09a..5853329d64 100644
--- a/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.sass
+++ b/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.sass
@@ -10,6 +10,31 @@
   width: 100%
   z-index: var(--bal-z-index-navigation)
   //
+  // container adjustment
+  &__container
+    flex-grow: 1
+    margin: 0 auto
+    position: relative
+    width: auto
+    width: 100% !important
+    padding-left: var(--bal-container-space)
+    padding-right: var(--bal-container-space)
+    &--fluid
+      max-width: var(--bal-container-size-fluid) !important
+    &--detail-page
+      max-width: var(--bal-container-size-detail-page) !important
+    &--compact
+      max-width: var(--bal-container-size-compact) !important
+    &--blog-page
+      max-width: var(--bal-container-size-blog-page) !important
+    +tablet
+      padding-left: var(--bal-container-space-tablet)
+      padding-right: var(--bal-container-space-tablet)
+    +desktop
+      padding-left: var(--bal-container-space-desktop)
+      padding-right: var(--bal-container-space-desktop)
+      max-width: var(--bal-container-size-normal)
+  //
   // hidden
   &--hidden-mobile
     +mobile
@@ -42,7 +67,7 @@
     background: transparent
     box-shadow: none
 
-.bal-nav-menu-bar__inner > .container
+.bal-nav-menu-bar__inner > .bal-nav-menu-bar__container
   min-height: 64px
   +widescreen
     background: var(--bal-nav-menu-bar-background)
diff --git a/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.tsx b/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.tsx
index f3a4ae6c2c..1d427e4b49 100644
--- a/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.tsx
+++ b/packages/components/src/components/bal-nav/bal-nav-menu-bar/bal-nav-menu-bar.tsx
@@ -72,7 +72,7 @@ export class NavMenuBar implements ComponentInterface, Loggable {
         >
           <div
             class={{
-              container: true,
+              ...block.element('container').class(),
             }}
           >
             <slot></slot>
diff --git a/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.sass b/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.sass
index 105565f084..6d6278e118 100644
--- a/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.sass
+++ b/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.sass
@@ -15,6 +15,31 @@
   width: calc( 100% + 1rem + 1rem)
   margin-left: -1rem
   margin-right: -1rem
+  //
+  // container adjustment
+  &__container
+    flex-grow: 1
+    margin: 0 auto
+    position: relative
+    width: auto
+    width: 100% !important
+    padding-left: var(--bal-container-space)
+    padding-right: var(--bal-container-space)
+    &--fluid
+      max-width: var(--bal-container-size-fluid) !important
+    &--detail-page
+      max-width: var(--bal-container-size-detail-page) !important
+    &--compact
+      max-width: var(--bal-container-size-compact) !important
+    &--blog-page
+      max-width: var(--bal-container-size-blog-page) !important
+    +tablet
+      padding-left: var(--bal-container-space-tablet)
+      padding-right: var(--bal-container-space-tablet)
+    +desktop
+      padding-left: var(--bal-container-space-desktop)
+      padding-right: var(--bal-container-space-desktop)
+      max-width: var(--bal-container-size-normal)
 
   // Line
   // --------------------------------------------------
diff --git a/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.tsx b/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.tsx
index 387a9f2b60..9e5767c473 100644
--- a/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.tsx
+++ b/packages/components/src/components/bal-nav/bal-nav-menu-flyout/bal-nav-menu-flyout.tsx
@@ -89,7 +89,7 @@ export class NavMenuFlyout implements ComponentInterface, Loggable, BalResizeObs
         ></div>
         <div
           class={{
-            container: true,
+            ...block.element('container').class(),
           }}
         >
           <slot></slot>
diff --git a/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.sass b/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.sass
index 36767c744d..79a2af45ef 100644
--- a/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.sass
+++ b/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.sass
@@ -13,8 +13,29 @@
   z-index: var(--bal-z-index-navigation)
   //
   // container adjustment
-  .container
-    height: 100%
+  &__container
+    flex-grow: 1
+    margin: 0 auto
+    position: relative
+    width: auto
+    width: 100% !important
+    padding-left: var(--bal-container-space)
+    padding-right: var(--bal-container-space)
+    &--fluid
+      max-width: var(--bal-container-size-fluid) !important
+    &--detail-page
+      max-width: var(--bal-container-size-detail-page) !important
+    &--compact
+      max-width: var(--bal-container-size-compact) !important
+    &--blog-page
+      max-width: var(--bal-container-size-blog-page) !important
+    +tablet
+      padding-left: var(--bal-container-space-tablet)
+      padding-right: var(--bal-container-space-tablet)
+    +desktop
+      padding-left: var(--bal-container-space-desktop)
+      padding-right: var(--bal-container-space-desktop)
+      max-width: var(--bal-container-size-normal)
   //
   // size
   &--size-normal
diff --git a/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.tsx b/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.tsx
index 6c203103fd..5610fb230e 100644
--- a/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.tsx
+++ b/packages/components/src/components/bal-nav/bal-nav-meta-bar/bal-nav-meta-bar.tsx
@@ -109,7 +109,7 @@ export class NavMetaBar implements ComponentInterface, Loggable {
       >
         <div
           class={{
-            container: true,
+            ...block.element('container').class(),
           }}
         >
           <slot></slot>
diff --git a/packages/components/src/components/bal-nav/bal-nav.sass b/packages/components/src/components/bal-nav/bal-nav.sass
index 4497679252..f2a04581ff 100644
--- a/packages/components/src/components/bal-nav/bal-nav.sass
+++ b/packages/components/src/components/bal-nav/bal-nav.sass
@@ -30,6 +30,31 @@
   +desktop
     display: none
     visibility: hidden
+  //
+  // container adjustment
+  &__container
+    flex-grow: 1
+    margin: 0 auto
+    position: relative
+    width: auto
+    width: 100% !important
+    padding-left: var(--bal-container-space)
+    padding-right: var(--bal-container-space)
+    &--fluid
+      max-width: var(--bal-container-size-fluid) !important
+    &--detail-page
+      max-width: var(--bal-container-size-detail-page) !important
+    &--compact
+      max-width: var(--bal-container-size-compact) !important
+    &--blog-page
+      max-width: var(--bal-container-size-blog-page) !important
+    +tablet
+      padding-left: var(--bal-container-space-tablet)
+      padding-right: var(--bal-container-space-tablet)
+    +desktop
+      padding-left: var(--bal-container-space-desktop)
+      padding-right: var(--bal-container-space-desktop)
+      max-width: var(--bal-container-size-normal)
 
 .bal-nav__flyout:not(.bal-nav__flyout--visible)
   +visually-hidden
diff --git a/packages/components/src/components/bal-nav/bal-nav.tsx b/packages/components/src/components/bal-nav/bal-nav.tsx
index 6185673331..8b99006260 100644
--- a/packages/components/src/components/bal-nav/bal-nav.tsx
+++ b/packages/components/src/components/bal-nav/bal-nav.tsx
@@ -63,6 +63,7 @@ export class NavMetaBar
   @State() language: BalLanguage = defaultConfig.language
   @State() region: BalRegion = defaultConfig.region
   @State() isFlyoutActive = false
+  private hasRenderedWithFlyoutActive = false
   @State() activeMetaLinkValue?: string
   @State() activeMenuLinkValue?: string // only for desktop tab view
 
@@ -147,7 +148,7 @@ export class NavMetaBar
           triggerEl.classList.contains('bal-nav__popup--touch-top'),
         )
         if (isTouchMetaTopButtonClicked) {
-          this.isFlyoutActive = false
+          this.closeFlyout()
         }
       } else {
         this.onPopupClose(triggers)
@@ -158,12 +159,16 @@ export class NavMetaBar
   @Listen('click', { target: 'document', passive: true })
   async clickOnOutside(ev: UIEvent) {
     if (this.isDesktop) {
-      if (this.isFlyoutActive) {
-        const targetIsInMetaBar = this.metaBarEl?.querySelector('.container')?.contains(ev.target as Node)
-        const targetIsInMenuBar = this.menuBarEl?.querySelector('.container')?.contains(ev.target as Node)
+      if (this.hasRenderedWithFlyoutActive) {
+        const targetIsInMetaBar = this.metaBarEl
+          ?.querySelector('.bal-nav-meta-bar__container')
+          ?.contains(ev.target as Node)
+        const targetIsInMenuBar = this.menuBarEl
+          ?.querySelector('.bal-nav-menu-bar__container')
+          ?.contains(ev.target as Node)
 
         if (!targetIsInMetaBar && !targetIsInMenuBar) {
-          this.isFlyoutActive = false
+          this.closeFlyout()
           const tabs = this.menuBarEl?.querySelector('.bal-tabs') as HTMLBalTabsElement
           tabs.closeAccordion()
         }
@@ -184,7 +189,7 @@ export class NavMetaBar
       this.isTouch = breakpoints.touch
       this.isDesktop = breakpoints.desktop
       this.closeAllPopups()
-      this.isFlyoutActive = false
+      this.closeFlyout()
     }
 
     if (this.isTouch) {
@@ -237,6 +242,22 @@ export class NavMetaBar
    * ------------------------------------------------------
    */
 
+  private toggleFlyout() {
+    if (this.isFlyoutActive) {
+      this.closeFlyout()
+    } else {
+      this.openFlyout()
+    }
+  }
+
+  private closeFlyout() {
+    this.isFlyoutActive = false
+  }
+
+  private openFlyout() {
+    this.isFlyoutActive = true
+  }
+
   private async updateActiveItem(item: NavLinkItem) {
     if ('NavMetaLinkItem' === item.type) {
       this.activeMetaLinkValue = this.activeMetaLinkValue === item.value ? undefined : item.value
@@ -290,7 +311,7 @@ export class NavMetaBar
 
   private onTouchToggleFlyout = (_ev: MouseEvent) => {
     this.closeAllPopups()
-    this.isFlyoutActive = !this.isFlyoutActive
+    this.toggleFlyout()
 
     if (balBrowser.hasWindow && window.scrollY > 0) {
       window.scrollTo(0, 0)
@@ -343,9 +364,9 @@ export class NavMetaBar
 
   private onMenuBarTabChange = (value?: string): void => {
     if (this.activeMenuLinkValue === value) {
-      this.isFlyoutActive = !this.isFlyoutActive
+      this.toggleFlyout()
     } else {
-      this.isFlyoutActive = true
+      this.openFlyout()
     }
     this.activeMenuLinkValue = value
   }
@@ -359,6 +380,8 @@ export class NavMetaBar
     const block = BEM.block('nav')
     const flyoutBlock = block.element('flyout')
 
+    this.hasRenderedWithFlyoutActive = this.isFlyoutActive
+
     return (
       <Host
         id={this.navId}
@@ -468,7 +491,7 @@ export class NavMetaBar
         )}
         {this.isTouch ? (
           <div class={{ ...flyoutBlock.class(), ...flyoutBlock.modifier('visible').class(this.isFlyoutActive) }}>
-            <nav class="container">
+            <nav class={{ ...flyoutBlock.element('container').class() }}>
               <ul
                 class={{
                   ...block.element('mobile-meta-list').class(),
diff --git a/packages/components/src/components/bal-popup/bal-popup.sass b/packages/components/src/components/bal-popup/bal-popup.sass
index 591b955b16..fc0e2187e0 100644
--- a/packages/components/src/components/bal-popup/bal-popup.sass
+++ b/packages/components/src/components/bal-popup/bal-popup.sass
@@ -16,7 +16,10 @@
   visibility: hidden
   padding-top: var(--bal-popup-container-padding-top)
   padding-bottom: var(--bal-popup-container-padding-bottom)
-
+  flex-grow: 1
+  margin: 0 auto
+  position: relative
+  width: auto
   //
   // variants
   &--variant-popover
@@ -33,10 +36,14 @@
     min-width: 100%
     max-width: 100% !important
     min-height: var(--bal-app-height, 100%)
+    padding-left: var(--bal-container-space)
+    padding-right: var(--bal-container-space)
   &--variant-drawer
     position: fixed
     border-top-left-radius: var(--bal-popup-variant-drawer-radius)
     border-top-right-radius: var(--bal-popup-variant-drawer-radius)
+    padding-left: var(--bal-container-space)
+    padding-right: var(--bal-container-space)
     width: 100%
 
 // Popup Container Inner
diff --git a/packages/components/src/components/bal-popup/bal-popup.tsx b/packages/components/src/components/bal-popup/bal-popup.tsx
index a9b96f2f86..8aa0a6d794 100644
--- a/packages/components/src/components/bal-popup/bal-popup.tsx
+++ b/packages/components/src/components/bal-popup/bal-popup.tsx
@@ -59,6 +59,7 @@ export class Popup implements ComponentInterface, PopupComponentInterface, Logga
   @State() activeVariant: BalProps.BalPopupVariant = 'popover'
   @State() trigger?: Element
   @State() lastTrigger?: Element
+  @State() minContainerWidth = 0
 
   log!: LogInstance
 
@@ -288,6 +289,17 @@ export class Popup implements ComponentInterface, PopupComponentInterface, Logga
     }
   }
 
+  /**
+   * @internal
+   */
+  @Method()
+  async setMinWidth(value: number): Promise<void> {
+    if (this.containerEl) {
+      this.containerEl.style.minWidth = `${value}px`
+      this.minContainerWidth = value
+    }
+  }
+
   /**
    * @internal
    */
@@ -385,6 +397,7 @@ export class Popup implements ComponentInterface, PopupComponentInterface, Logga
     // present or dismiss active variant
     if (this.presented && this.lastTrigger !== this.trigger) {
       this._present()
+      this.lastTrigger = this.trigger
     } else {
       this.toggle()
     }
@@ -481,6 +494,7 @@ export class Popup implements ComponentInterface, PopupComponentInterface, Logga
             ...containerBlock.modifier(`variant-${this.activeVariant}`).class(),
           }}
           ref={containerEl => (this.containerEl = containerEl)}
+          style={{ minWidth: `${this.minContainerWidth}px` }}
         >
           <div
             class={{
diff --git a/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts b/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts
index 08c47818d5..7c5a2d06c1 100644
--- a/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts
+++ b/packages/components/src/components/bal-popup/variants/drawer-variant.renderer.ts
@@ -13,7 +13,6 @@ export class DrawerVariantRenderer extends AbstractVariantRenderer implements Po
       component.containerEl.style.setProperty('inset', `auto 0px 0px 0px`)
       component.containerEl.style.setProperty('bottom', `${this.offset}px`)
       component.backdropEl.style.setProperty('bottom', `${this.offset}px`)
-      component.containerEl.classList.add('container')
 
       this.showBackdropElement(component, this.backdrop)
       this.showContainerElement(component)
@@ -34,7 +33,6 @@ export class DrawerVariantRenderer extends AbstractVariantRenderer implements Po
       this.hideContainerElement(component)
 
       component.containerEl.style.removeProperty('inset')
-      component.containerEl.classList.remove('container')
       component.containerEl.style.removeProperty('bottom')
       component.backdropEl.style.removeProperty('bottom')
       return true
diff --git a/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts b/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts
index ce8660f057..2cd54d9a04 100644
--- a/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts
+++ b/packages/components/src/components/bal-popup/variants/fullscreen-variant.renderer.ts
@@ -17,7 +17,6 @@ export class FullscreenVariantRenderer extends AbstractVariantRenderer implement
       this.showContainerElement(component)
       this.showArrowElement(component)
 
-      component.containerEl.classList.add('container')
       return true
     }
     return false
@@ -34,7 +33,6 @@ export class FullscreenVariantRenderer extends AbstractVariantRenderer implement
       this.hideArrowElement(component)
       component.containerEl.style.removeProperty('box-shadow')
       component.containerEl.style.removeProperty('inset')
-      component.containerEl.classList.remove('container')
       return true
     }
     return false
diff --git a/packages/components/src/components/bal-popup/variants/popover-variant.renderer.ts b/packages/components/src/components/bal-popup/variants/popover-variant.renderer.ts
index dcee9d33be..c5c6ddac66 100644
--- a/packages/components/src/components/bal-popup/variants/popover-variant.renderer.ts
+++ b/packages/components/src/components/bal-popup/variants/popover-variant.renderer.ts
@@ -42,6 +42,11 @@ export class PopoverVariantRenderer extends AbstractVariantRenderer implements P
 
         this.triggerEl.classList.add('bal-popup-variant-popover-trigger')
 
+        const isNavMetaDesktopPopup = this.placement === 'bottom-end' && this.triggerEl !== component.trigger
+        if (isNavMetaDesktopPopup) {
+          component.setMinWidth(this.triggerEl.clientWidth)
+        }
+
         this.cleanup = autoUpdate(this.triggerEl, component.containerEl, () => {
           this.update(component)
         })
@@ -55,14 +60,8 @@ export class PopoverVariantRenderer extends AbstractVariantRenderer implements P
   async update(component: PopupComponentInterface): Promise<boolean> {
     if (this.triggerEl && component.trigger && component.containerEl && component.arrowEl) {
       const isNavMetaDesktopPopup = this.placement === 'bottom-end' && this.triggerEl !== component.trigger
-      let arrowX = 0
-      if (isNavMetaDesktopPopup) {
-        const referenceRect = this.triggerEl?.getBoundingClientRect()
-        const triggerRect = component.trigger?.getBoundingClientRect()
-        const diff = triggerRect.x - referenceRect.x
-        const width = 440 - referenceRect.width
-        arrowX = width + diff + triggerRect.width / 2 - 4
-      }
+      const referenceRect = this.triggerEl?.getBoundingClientRect()
+      const triggerRect = component.trigger?.getBoundingClientRect()
 
       computePosition(this.triggerEl, component.containerEl, {
         placement: this.placement,
@@ -95,10 +94,11 @@ export class PopoverVariantRenderer extends AbstractVariantRenderer implements P
             const arrowPosition = middlewareData.arrow
 
             if (isNavMetaDesktopPopup) {
+              const diff = referenceRect.right - triggerRect.right - 4
               Object.assign(component.arrowEl.style, {
-                left: `${arrowX}px`,
+                right: `${diff + triggerRect.width / 2}px`,
+                left: '',
                 top: y != null && arrowPosition.y != null ? `${arrowPosition.y}px` : '',
-                right: '',
                 bottom: '',
                 [staticSide]: `${-4}px`,
               })
diff --git a/packages/components/src/components/bal-popup/variants/variant.interfaces.ts b/packages/components/src/components/bal-popup/variants/variant.interfaces.ts
index 06473284d9..5503ce5a3f 100644
--- a/packages/components/src/components/bal-popup/variants/variant.interfaces.ts
+++ b/packages/components/src/components/bal-popup/variants/variant.interfaces.ts
@@ -25,11 +25,13 @@ export interface PopupComponentInterface {
   balWillAnimate: EventEmitter<BalEvents.BalPopupWillAnimateDetail>
   balDidAnimate: EventEmitter<BalEvents.BalPopupDidAnimateDetail>
   el: HTMLElement
+  componentWidth?: number
   backdropEl?: HTMLDivElement
   containerEl?: HTMLDivElement
   arrowEl?: HTMLDivElement
   trigger?: Element
   lastTrigger?: Element
+  setMinWidth(value: number): any
   getValue(trigger: Element | HTMLElement, attributeName: string, componentValue: any): any
   getNumberValue(trigger: Element | HTMLElement, attributeName: string, componentValue: number): number
   getBooleanValue(trigger: Element | HTMLElement, attributeName: string, componentValue: boolean): boolean
diff --git a/test/cypress/e2e/visual/bal-nav.visual.cy.ts b/test/cypress/e2e/visual/bal-nav.visual.cy.ts
index 3199c62f02..2502e1de04 100644
--- a/test/cypress/e2e/visual/bal-nav.visual.cy.ts
+++ b/test/cypress/e2e/visual/bal-nav.visual.cy.ts
@@ -16,12 +16,12 @@ describe('bal-nav', () => {
       })
 
       it('closed menu on top', () => {
-        cy.compareSnapshot(`nav-desktop-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`nav-desktop-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0))
       })
 
       it('closed menu on bottom', () => {
         cy.scrollTo('bottom')
-        cy.compareSnapshot(`nav-desktop-${platform}-closed-bottom`, compareSnapshotOptions(platform, 0, 200, 0.1))
+        cy.compareSnapshot(`nav-desktop-${platform}-closed-bottom`, compareSnapshotOptions(platform, 0, 200))
       })
 
       it('open menu', () => {
@@ -32,7 +32,7 @@ describe('bal-nav', () => {
           .find('button')
           .click()
         cy.wait(400)
-        cy.compareSnapshot(`nav-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`nav-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0))
       })
 
       it('open menu second tab', () => {
@@ -43,13 +43,13 @@ describe('bal-nav', () => {
           .find('button')
           .click()
         cy.wait(400)
-        cy.compareSnapshot(`nav-desktop-${platform}-open-menu-second-tab`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`nav-desktop-${platform}-open-menu-second-tab`, compareSnapshotOptions(platform, 0, 0))
       })
 
       it('open search popoup', () => {
         cy.getByTestId('basic').find('#bal-nav__meta-buttons').eq(0).click()
         cy.wait(400)
-        cy.compareSnapshot(`nav-desktop-${platform}-open-search-popup`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`nav-desktop-${platform}-open-search-popup`, compareSnapshotOptions(platform, 0, 0))
       })
     })
   }
@@ -61,20 +61,20 @@ describe('bal-nav', () => {
       })
 
       it('closed menu on top', () => {
-        cy.compareSnapshot(`nav-touch-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`nav-touch-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0))
       })
 
       it('closed menu on bottom', () => {
         cy.scrollTo('bottom')
         cy.wait(400)
-        cy.compareSnapshot(`nav-touch-${platform}-closed-bottom`, compareSnapshotOptions(platform, 0, 200, 0.1))
+        cy.compareSnapshot(`nav-touch-${platform}-closed-bottom`, compareSnapshotOptions(platform, 0, 200))
       })
 
       it('open menu', () => {
         cy.scrollTo('top')
         cy.getByTestId('basic').find('.bal-nav-meta-bar').find('bal-stack > bal-button').eq(2).click()
         cy.wait(400)
-        cy.compareSnapshot(`nav-touch-${platform}-open`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`nav-touch-${platform}-open`, compareSnapshotOptions(platform, 0, 0))
       })
     })
   }
@@ -92,7 +92,7 @@ describe('bal-nav-colors', () => {
       it('open menu', () => {
         cy.contains('Versichern').click()
         cy.wait(400)
-        cy.compareSnapshot(`nav-colors-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`nav-colors-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0))
       })
     })
   }
@@ -103,14 +103,14 @@ describe('bal-nav-long', () => {
     it('mobile', () => {
       cy.visit('/components/bal-nav/test/bal-nav-long.visual.html').platform('mobile').waitForDesignSystem()
       cy.getByTestId('basic').find('.bal-nav-meta-bar').find('bal-stack > bal-button').eq(2).click()
-      cy.compareSnapshot(`nav-long-mobile-open`, compareSnapshotOptions('mobile', 0, 0, 0.1))
+      cy.compareSnapshot(`nav-long-mobile-open`, compareSnapshotOptions('mobile', 0, 0))
     })
 
     it('desktop', () => {
       cy.visit('/components/bal-nav/test/bal-nav-long.visual.html').platform('desktop').waitForDesignSystem()
       cy.contains('Versichern').click()
       cy.wait(400)
-      cy.compareSnapshot(`nav-long-desktop-open`, compareSnapshotOptions('desktop', 0, 0, 0.1))
+      cy.compareSnapshot(`nav-long-desktop-open`, compareSnapshotOptions('desktop', 0, 0))
     })
   })
 })
diff --git a/test/cypress/e2e/visual/bal-navigation.visual.cy.ts b/test/cypress/e2e/visual/bal-navigation.visual.cy.ts
index c991a0cdb4..1d9858a9ad 100644
--- a/test/cypress/e2e/visual/bal-navigation.visual.cy.ts
+++ b/test/cypress/e2e/visual/bal-navigation.visual.cy.ts
@@ -19,19 +19,16 @@ describe('bal-navigation', () => {
       })
 
       it('closed menu on top', () => {
-        cy.compareSnapshot(`navigation-desktop-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`navigation-desktop-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0))
       })
       it('closed menu on bottom', () => {
         cy.scrollTo('bottom')
-        cy.compareSnapshot(
-          `navigation-desktop-${platform}-closed-bottom`,
-          compareSnapshotOptions(platform, 0, 200, 0.1),
-        )
+        cy.compareSnapshot(`navigation-desktop-${platform}-closed-bottom`, compareSnapshotOptions(platform, 0, 200))
       })
       it('open menu', () => {
         cy.contains('Versichern').click()
         cy.wait(400)
-        cy.compareSnapshot(`navigation-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`navigation-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0))
       })
     })
   }
@@ -43,16 +40,16 @@ describe('bal-navigation', () => {
       })
 
       it('closed menu on top', () => {
-        cy.compareSnapshot(`navigation-touch-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`navigation-touch-${platform}-closed-top`, compareSnapshotOptions(platform, 0, 0))
       })
       it('closed menu on bottom', () => {
         cy.scrollTo('bottom')
-        cy.compareSnapshot(`navigation-touch-${platform}-closed-bottom`, compareSnapshotOptions(platform, 0, 200, 0.1))
+        cy.compareSnapshot(`navigation-touch-${platform}-closed-bottom`, compareSnapshotOptions(platform, 0, 200))
       })
       it('open menu', () => {
         cy.scrollTo('top')
         cy.getByTestId('navigation-burger').click()
-        cy.compareSnapshot(`navigation-touch-${platform}-open`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`navigation-touch-${platform}-open`, compareSnapshotOptions(platform, 0, 0))
       })
     })
   }
@@ -72,7 +69,7 @@ describe('bal-navigation-colors', () => {
       it('open menu', () => {
         cy.contains('Versichern').click()
         cy.wait(400)
-        cy.compareSnapshot(`navigation-colors-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0, 0.1))
+        cy.compareSnapshot(`navigation-colors-desktop-${platform}-open`, compareSnapshotOptions(platform, 0, 0))
       })
     })
   }
diff --git a/test/cypress/e2e/visual/bal-popup.visual.cy.ts b/test/cypress/e2e/visual/bal-popup.visual.cy.ts
index 36741f57d3..ae26f5fbeb 100644
--- a/test/cypress/e2e/visual/bal-popup.visual.cy.ts
+++ b/test/cypress/e2e/visual/bal-popup.visual.cy.ts
@@ -1,9 +1,9 @@
 describe('bal-popup', () => {
   function testPopup(name: string, platform: 'mobile' | 'desktop' = 'desktop') {
-    cy.compareSnapshot(`popup-${name}-${platform}`)
-    cy.getByTestId(`${name}-trigger`).click().wait(400)
-    cy.compareSnapshot(`popup-${name}-${platform}-open`)
-    cy.getByTestId(`${name}-trigger`).click().wait(400)
+    cy.wait(400).compareSnapshot(`popup-${name}-${platform}`)
+    cy.getByTestId(`${name}-trigger`).click()
+    cy.wait(400).compareSnapshot(`popup-${name}-${platform}-open`)
+    cy.getByTestId(`${name}-trigger`).click()
   }
 
   context('mobile', () => {
@@ -32,12 +32,12 @@ describe('bal-popup', () => {
       cy.compareSnapshot(`popup-fullscreen-mobile`)
       cy.getByTestId(`fullscreen-trigger`).click()
       cy.compareSnapshot(`popup-fullscreen-mobile-open`)
-      cy.get('body').type('{esc}').wait(400)
+      cy.get('body').type('{esc}')
 
       cy.compareSnapshot(`popup-drawer-mobile`)
       cy.getByTestId(`drawer-trigger`).click()
       cy.compareSnapshot(`popup-drawer-mobile-open`)
-      cy.get('body').type('{esc}').wait(400)
+      cy.get('body').type('{esc}')
     })
   })
 
@@ -52,7 +52,7 @@ describe('bal-popup', () => {
       testPopup('basic-backdrop-offset')
     })
 
-    it('placement property desktop', () => {
+    it.skip('placement property desktop', () => {
       testPopup('placement-right')
       testPopup('placement-left')
       testPopup('placement-top')
@@ -64,15 +64,15 @@ describe('bal-popup', () => {
     })
 
     it('variant property desktop', () => {
-      cy.compareSnapshot(`popup-fullscreen-desktop`)
+      cy.wait(400).compareSnapshot(`popup-fullscreen-desktop`)
       cy.getByTestId(`fullscreen-trigger`).click()
-      cy.compareSnapshot(`popup-fullscreen-desktop-open`)
-      cy.get('body').type('{esc}').wait(400)
+      cy.wait(400).compareSnapshot(`popup-fullscreen-desktop-open`)
+      cy.get('body').type('{esc}')
 
-      cy.compareSnapshot(`popup-drawer-desktop`)
+      cy.wait(400).compareSnapshot(`popup-drawer-desktop`)
       cy.getByTestId(`drawer-trigger`).click()
-      cy.compareSnapshot(`popup-drawer-desktop-open`)
-      cy.get('body').type('{esc}').wait(400)
+      cy.wait(400).compareSnapshot(`popup-drawer-desktop-open`)
+      cy.get('body').type('{esc}')
     })
   })
 })
diff --git a/test/cypress/e2e/visual/bal-sheet.visual.cy.ts b/test/cypress/e2e/visual/bal-sheet.visual.cy.ts
index 065d244eae..8f09639589 100644
--- a/test/cypress/e2e/visual/bal-sheet.visual.cy.ts
+++ b/test/cypress/e2e/visual/bal-sheet.visual.cy.ts
@@ -3,12 +3,12 @@ describe('bal-sheet', () => {
 
   it('basic component', () => {
     cy.platform('desktop')
-    cy.compareSnapshot('sheet-basic-desktop', 0.01)
+    cy.compareSnapshot('sheet-basic-desktop')
 
     cy.platform('tablet')
-    cy.compareSnapshot('sheet-basic-tablet', 0.01)
+    cy.compareSnapshot('sheet-basic-tablet')
 
     cy.platform('mobile')
-    cy.compareSnapshot('sheet-basic-mobile', 0.01)
+    cy.compareSnapshot('sheet-basic-mobile')
   })
 })
diff --git a/test/cypress/e2e/visual/snapshot-util.ts b/test/cypress/e2e/visual/snapshot-util.ts
index cd4ec4c2e0..af861afa18 100644
--- a/test/cypress/e2e/visual/snapshot-util.ts
+++ b/test/cypress/e2e/visual/snapshot-util.ts
@@ -27,7 +27,7 @@ export const platformDimensions = {
   },
 }
 
-export const compareSnapshotOptions = (platform: Platforms, x = 0, y = 0, errorThreshold = 0.01) => ({
+export const compareSnapshotOptions = (platform: Platforms, x = 0, y = 0, errorThreshold = 0.15) => ({
   errorThreshold,
   clip: {
     x,
diff --git a/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-desktop.png b/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-desktop.png
index 1b40e998f1..821063dec9 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-desktop.png and b/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-desktop.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-mobile.png b/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-mobile.png
index 1a5b1bd47c..901c370020 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-mobile.png and b/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-mobile.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-tablet.png b/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-tablet.png
index 3309823a53..d0b94725b2 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-tablet.png and b/test/cypress/snapshots/base/visual/bal-nav-meta-bar.visual.cy.ts/meta-bar-tablet.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-desktop-open-search-popup.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-desktop-open-search-popup.png
index 0eac1cbb7a..27ce9b7c7d 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-desktop-open-search-popup.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-desktop-open-search-popup.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-menu-second-tab.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-menu-second-tab.png
index 3d18082fb2..d367410b81 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-menu-second-tab.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-menu-second-tab.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-search-popup.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-search-popup.png
index 0f374f5cf6..df1666e4e9 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-search-popup.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open-search-popup.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open.png
index c163ea00f1..a3e7e47d16 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-highDefinition-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-closed-top.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-closed-top.png
index f67ee9bda4..fce682a00f 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-closed-top.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-closed-top.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-menu-second-tab.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-menu-second-tab.png
index e0c2b8aed3..36e5982567 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-menu-second-tab.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-menu-second-tab.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-search-popup.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-search-popup.png
index 9cc64f888e..b706850042 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-search-popup.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open-search-popup.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open.png b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open.png
index 1529a4386c..c6011d1ddc 100644
Binary files a/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open.png and b/test/cypress/snapshots/base/visual/bal-nav.visual.cy.ts/nav-desktop-widescreen-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-closed-bottom.png b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-closed-bottom.png
index cc47782cca..6e200053b6 100644
Binary files a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-closed-bottom.png and b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-closed-bottom.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-open.png b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-open.png
index 0dc0564e1f..f168661855 100644
Binary files a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-open.png and b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-desktop-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-bottom.png b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-bottom.png
index 456021dc3e..6cc182c9a5 100644
Binary files a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-bottom.png and b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-bottom.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-top.png b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-top.png
index 9f4207f399..889a44b298 100644
Binary files a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-top.png and b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-closed-top.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-open.png b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-open.png
index 657b38a577..4902128ecc 100644
Binary files a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-open.png and b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-highDefinition-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-closed-bottom.png b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-closed-bottom.png
index 57caa81111..8caab8cc8a 100644
Binary files a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-closed-bottom.png and b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-closed-bottom.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-open.png b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-open.png
index 41974962c0..2b084000a1 100644
Binary files a/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-open.png and b/test/cypress/snapshots/base/visual/bal-navigation.visual.cy.ts/navigation-desktop-widescreen-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-drawer-desktop-open.png b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-drawer-desktop-open.png
index d778ecb5b6..bb2d3d2007 100644
Binary files a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-drawer-desktop-open.png and b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-drawer-desktop-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-fullscreen-desktop-open.png b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-fullscreen-desktop-open.png
index e9992ce2c3..299be36b27 100644
Binary files a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-fullscreen-desktop-open.png and b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-fullscreen-desktop-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-bottom-desktop-open.png b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-bottom-desktop-open.png
index 5911da336a..72c8c442ea 100644
Binary files a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-bottom-desktop-open.png and b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-bottom-desktop-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-left-desktop-open.png b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-left-desktop-open.png
index d944f6b1b4..72c8c442ea 100644
Binary files a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-left-desktop-open.png and b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-left-desktop-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-right-desktop-open.png b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-right-desktop-open.png
index a678522a98..8a400b8e98 100644
Binary files a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-right-desktop-open.png and b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-right-desktop-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-top-desktop-open.png b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-top-desktop-open.png
index a45e293db4..72c8c442ea 100644
Binary files a/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-top-desktop-open.png and b/test/cypress/snapshots/base/visual/bal-popup.visual.cy.ts/popup-placement-top-desktop-open.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta-mobile.png b/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta-mobile.png
index da4fd21d9b..87bbd13980 100644
Binary files a/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta-mobile.png and b/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta-mobile.png differ
diff --git a/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta.png b/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta.png
index 3ca3371ffd..8418612a22 100644
Binary files a/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta.png and b/test/cypress/snapshots/base/visual/bal-tabs.visual.cy.ts/tabs-meta.png differ
diff --git a/test/cypress/support/e2e.ts b/test/cypress/support/e2e.ts
index 2b2cefd9c0..53d825da81 100644
--- a/test/cypress/support/e2e.ts
+++ b/test/cypress/support/e2e.ts
@@ -23,5 +23,5 @@ const compareSnapshotCommandAsAny = compareSnapshotCommand as any
 
 compareSnapshotCommandAsAny({
   capture: 'fullPage',
-  errorThreshold: 0.025,
+  errorThreshold: 0.15,
 })