diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx
index 4e2e66502..e62ce288a 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.docs.mdx
@@ -131,7 +131,8 @@ Directives written with `kebab-case` are meant to be used as HTML element.
 
 ## Examples
 
-<Canvas of={DialogStories.Example}></Canvas>
+<Canvas of={DialogStories.ExampleWithForm}></Canvas>
+<Canvas of={DialogStories.ExampleWithGrid}></Canvas>
 
 ### Full code example
 
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts
index c377b1a8c..b6b876df8 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/dialog.stories.ts
@@ -1,7 +1,6 @@
 import { Component, Inject, Input, TemplateRef } from '@angular/core';
 import { StoryFn, Meta, moduleMetadata } from '@storybook/angular';
 import { FormControl, FormGroup, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { RouterTestingModule } from '@angular/router/testing';
 import { ComponentType } from '@angular/cdk/portal';
 import { FudisDialogService } from '../../services/dialog/dialog.service';
 import docs from './dialog.docs.mdx';
@@ -15,10 +14,54 @@ type TestForm = {
   powerAnimal: FormControl<string | null>;
 };
 
+@Component({
+  selector: 'fudis-dialog-laucher',
+  template: ` <fudis-button
+      (handleClick)="openDialogComponent()"
+      [label]="'Open dialog with form'"
+    ></fudis-button>
+
+    <ng-container *ngIf="this._chosenPowerAnimal">
+      <fudis-body-text
+        >Great choise, your power animal is {{ this._chosenPowerAnimal }}.</fudis-body-text
+      >
+    </ng-container>`,
+})
+class DialogLaucherComponent {
+  constructor(private _dialogService: FudisDialogService) {}
+
+  @Input() size: FudisDialogSize = 'md';
+
+  protected _chosenPowerAnimal: string | null;
+
+  exampleDialogFormGroup = new FormGroup<TestForm>({
+    powerAnimal: new FormControl(
+      null,
+      FudisValidators.required('You need to choose your power animal'),
+    ),
+  });
+
+  openDialogComponent() {
+    this._dialogService
+      .open(DialogWithFormComponent, {
+        data: {
+          greeting: 'This is greeting sent from the component, which opened up this dialog!',
+          size: this.size,
+        },
+      })
+      .afterClosed()
+      .subscribe((result: string) => {
+        if (result) {
+          this._chosenPowerAnimal = result;
+        }
+      });
+  }
+}
+
 @Component({
   selector: 'fudis-dialog-with-form',
   template: `
-    <fudis-dialog [size]="size">
+    <fudis-dialog [size]="_size">
       <fudis-dialog-content>
         <fudis-form
           [title]="'Dialog with fudis-form'"
@@ -41,7 +84,7 @@ type TestForm = {
               </ng-template>
             </fudis-fieldset>
           </ng-template>
-          <ng-template fudisActions type="form">
+          <ng-template fudisActions [type]="'form'">
             <fudis-button
               fudisFormSubmit
               [formValid]="exampleDialogFormGroup.valid"
@@ -55,17 +98,18 @@ type TestForm = {
     </fudis-dialog>
   `,
 })
-class DialogExampleWithFormComponent {
+class DialogWithFormComponent {
   constructor(
-    @Inject(MAT_DIALOG_DATA) private data: { greeting: string },
+    @Inject(MAT_DIALOG_DATA) private data: { greeting: string; size: FudisDialogSize },
     private _dialogService: FudisDialogService,
   ) {
     this._greetingFromOpeningComponent = this.data.greeting;
+    this._size = this.data.size;
   }
 
-  protected _greetingFromOpeningComponent: string;
+  protected _size: FudisDialogSize;
 
-  @Input() size: FudisDialogSize = 'md';
+  protected _greetingFromOpeningComponent: string;
 
   exampleDialogFormGroup = new FormGroup<TestForm>({
     powerAnimal: new FormControl(
@@ -85,24 +129,13 @@ class DialogExampleWithFormComponent {
 }
 
 @Component({
-  selector: 'fudis-dialog-example-laucher',
+  selector: 'fudis-dialog-with-grid',
   template: `
-    <fudis-grid [columns]="'1fr 1fr'" [width]="'xs'" [align]="'start'">
-      <fudis-button
-        (handleClick)="openDialogComponent()"
-        [label]="'Open dialog with form'"
-      ></fudis-button>
-      <fudis-button
-        (handleClick)="openDialogTemplate(dialogWithGrid)"
-        [label]="'Open dialog with grid'"
-      ></fudis-button>
-    </fudis-grid>
+    <fudis-button
+      (handleClick)="openDialogTemplate(dialogWithGrid)"
+      [label]="'Open dialog with grid'"
+    ></fudis-button>
 
-    <ng-container *ngIf="this._chosenPowerAnimal">
-      <fudis-body-text
-        >Great choise, your power animal is {{ this._chosenPowerAnimal }}.</fudis-body-text
-      >
-    </ng-container>
     <ng-template #dialogWithGrid>
       <fudis-dialog [size]="size">
         <fudis-heading fudisDialogTitle [level]="2"
@@ -193,35 +226,11 @@ class DialogExampleWithFormComponent {
     </ng-template>
   `,
 })
-class DialogExampleLauncherComponent {
+class DialogWithGridComponent {
   constructor(private _dialogService: FudisDialogService) {}
 
   @Input() size: FudisDialogSize = 'md';
 
-  protected _chosenPowerAnimal: string | null;
-
-  exampleDialogFormGroup = new FormGroup<TestForm>({
-    powerAnimal: new FormControl(
-      null,
-      FudisValidators.required('You need to choose your power animal'),
-    ),
-  });
-
-  openDialogComponent() {
-    this._dialogService
-      .open(DialogExampleWithFormComponent, {
-        data: {
-          greeting: 'This is greeting sent from the component, which opened up this dialog!',
-        },
-      })
-      .afterClosed()
-      .subscribe((result: string) => {
-        if (result) {
-          this._chosenPowerAnimal = result;
-        }
-      });
-  }
-
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   openDialogTemplate<T = any>(dialogToOpen: ComponentType<T> | TemplateRef<T>) {
     this._dialogService.open(dialogToOpen);
@@ -233,9 +242,9 @@ export default {
   component: DialogComponent,
   decorators: [
     moduleMetadata({
-      imports: [ReactiveFormsModule, FormsModule, RouterTestingModule],
+      imports: [ReactiveFormsModule, FormsModule],
       providers: [],
-      declarations: [DialogExampleLauncherComponent, DialogExampleWithFormComponent],
+      declarations: [DialogWithGridComponent, DialogWithFormComponent, DialogLaucherComponent],
     }),
   ],
   parameters: {
@@ -256,12 +265,22 @@ export default {
 
 const html = String.raw;
 
-const Template: StoryFn<DialogComponent> = (args: DialogComponent) => ({
+const TemplateGrid: StoryFn<DialogComponent> = (args: DialogComponent) => ({
+  props: args,
+  template: html` <fudis-dialog-with-grid [size]="size"></fudis-dialog-with-grid> `,
+});
+
+const TemplateFrom: StoryFn<DialogComponent> = (args: DialogComponent) => ({
   props: args,
-  template: html` <fudis-dialog-example-laucher [size]="size"></fudis-dialog-example-laucher> `,
+  template: html` <fudis-dialog-laucher [size]="size"></fudis-dialog-laucher> `,
 });
 
-export const Example = Template.bind({});
-Example.args = {
+export const ExampleWithForm = TemplateFrom.bind({});
+ExampleWithForm.args = {
+  size: 'md',
+};
+
+export const ExampleWithGrid = TemplateGrid.bind({});
+ExampleWithForm.args = {
   size: 'md',
 };
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/ngMaterial-theme.scss b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/ngMaterial-theme.scss
index fbcdac267..34ad8bfdd 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/ngMaterial-theme.scss
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/dialog/ngMaterial-theme.scss
@@ -1,6 +1,7 @@
 /* stylelint-disable selector-max-compound-selectors */
 /* stylelint-disable declaration-no-important */
 /* stylelint-disable declaration-property-value-disallowed-list */
+/* stylelint-disable max-nesting-depth */
 /* stylelint-disable unit-disallowed-list */
 /* stylelint-disable selector-max-class */
 /* stylelint-disable selector-class-pattern */
@@ -8,6 +9,7 @@
 /* stylelint-disable scss/selector-no-redundant-nesting-selector */
 
 @use "../../foundations/colors/tokens.scss" as colors;
+@use "../../foundations/colors/mixins.scss" as colorMixins;
 @use "../../foundations/borders/mixins.scss" as borders;
 @use "../../foundations/focus/mixins.scss" as focus;
 @use "../../foundations/breakpoints/mixins.scss" as breakpoints;
@@ -21,67 +23,79 @@
 }
 
 .fudis-dialog-panel {
-  border-top: 2px solid colors.$color-gray-dark;
+  border-top: 1px solid colors.$color-gray-dark;
   border-right: none;
-  border-bottom: 2px solid colors.$color-gray-dark;
+  border-bottom: 1px solid colors.$color-gray-dark;
   border-left: none;
   max-width: 100vw !important;
 
   & mat-dialog-container.mat-mdc-dialog-container {
     padding: 0;
 
-    & .mat-mdc-dialog-title {
-      margin: spacing.$spacing-xxs 0 spacing.$spacing-sm 0;
-      padding: 0;
-      pointer-events: none;
+    & .mat-mdc-dialog-surface {
+      border-radius: 0;
+      box-shadow: none;
 
-      &::before {
-        display: none;
-      }
+      & .mat-mdc-dialog-title {
+        margin: spacing.$spacing-xxs 0 spacing.$spacing-sm 0;
+        padding: 0;
+        pointer-events: none;
 
-      &:focus-visible {
-        @include focus.focus-generic;
-      }
+        &::before {
+          display: none;
+        }
+
+        &:focus-visible {
+          @include focus.focus-generic;
+        }
 
-      &:focus-visible.fudis-form__header__title__dialog {
-        outline-offset: -2px;
+        &:focus-visible.fudis-form__header__title__dialog {
+          outline-offset: -2px;
+        }
       }
-    }
 
-    & .mat-mdc-dialog-content {
-      @include utilities.box-reset;
+      & .mat-mdc-dialog-content {
+        @include utilities.box-reset;
 
-      &:focus-visible,
-      &:focus {
-        @include focus.focus-generic;
-      }
+        &:focus-visible,
+        &:focus {
+          @include focus.focus-generic;
+        }
 
-      // Checkbox and radio-button elements need small padding if form is inside dialog
-      // Otherwise focus and invalid styles won't show properly as dialog padding is overlapping them
-      & fudis-checkbox,
-      & fudis-radio-button {
-        padding-left: spacing.$spacing-xxs;
+        // Checkbox and radio-button elements need small padding if form is inside dialog
+        // Otherwise focus and invalid styles won't show properly as dialog padding is overlapping them
+        & fudis-checkbox,
+        & fudis-radio-button {
+          padding-left: spacing.$spacing-xxs;
+        }
       }
-    }
 
-    & .mat-mdc-dialog-actions {
-      align-items: flex-end;
-      margin-top: spacing.$spacing-xs;
-      margin-bottom: 0;
-      padding: 0;
-      min-height: initial;
-
-      & fudis-button {
-        &:not(:first-of-type) {
-          margin-top: spacing.$spacing-xs;
-          margin-left: spacing.$spacing-xs;
+      & .mat-mdc-dialog-actions {
+        align-items: flex-end;
+        margin-top: spacing.$spacing-xs;
+        margin-bottom: 0;
+        padding: 0;
+        min-height: initial;
+
+        & fudis-button {
+          &:not(:first-of-type) {
+            margin-top: spacing.$spacing-xs;
+            margin-left: spacing.$spacing-xs;
+          }
         }
       }
     }
   }
 
+  /* Keep dialog borders visible and as wide as possible until sm breakpoint */
+  @include breakpoints.breakpoint-max("sm") {
+    @include borders.border("1px", "solid", "gray-dark");
+
+    max-width: 98vw !important;
+  }
+
   @include breakpoints.breakpoint("sm") {
-    @include borders.border("2px", "solid", "gray-dark");
+    @include borders.border("1px", "solid", "gray-dark");
 
     max-width: 90vw !important;
 
@@ -98,3 +112,11 @@
     }
   }
 }
+
+.fudis-dialog-backdrop {
+  @include colorMixins.bg-color("white");
+
+  &.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
+    opacity: 0.95 !important;
+  }
+}
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/form/date/datepicker/datepicker.component.html b/ngx-fudis/projects/ngx-fudis/src/lib/components/form/date/datepicker/datepicker.component.html
index 8a7e0dc39..0f0fc6ca7 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/form/date/datepicker/datepicker.component.html
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/form/date/datepicker/datepicker.component.html
@@ -36,7 +36,10 @@
       [disableRipple]="true"
     >
       <mat-icon matDatepickerToggleIcon>
-        <fudis-icon [icon]="'calendar'" [color]="'primary'"></fudis-icon>
+        <fudis-icon
+          [icon]="'calendar'"
+          [color]="control.disabled || disabled ? 'gray-dark' : 'primary'"
+        ></fudis-icon>
       </mat-icon>
     </mat-datepicker-toggle>
     <mat-datepicker
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/notification/notification.component.scss b/ngx-fudis/projects/ngx-fudis/src/lib/components/notification/notification.component.scss
index 735635ad5..19e4dba0e 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/notification/notification.component.scss
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/notification/notification.component.scss
@@ -20,28 +20,28 @@
 
   &__warning {
     @include colors.bg-color("yellow-light");
-    @include borders.border("2px", "solid", "yellow");
+    @include borders.border("1px", "solid", "yellow");
 
     border-left-width: spacing.$spacing-xs;
   }
 
   &__danger {
     @include colors.bg-color("red-light");
-    @include borders.border("2px", "solid", "red");
+    @include borders.border("1px", "solid", "red");
 
     border-left-width: spacing.$spacing-xs;
   }
 
   &__success {
     @include colors.bg-color("green-light");
-    @include borders.border("2px", "solid", "green");
+    @include borders.border("1px", "solid", "green");
 
     border-left-width: spacing.$spacing-xs;
   }
 
   &__info {
     @include colors.bg-color("primary-light");
-    @include borders.border("2px", "solid", "primary-dark");
+    @include borders.border("1px", "solid", "primary-dark");
 
     border-left-width: spacing.$spacing-xs;
   }
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/components/typography/body-text/body-text.component.ts b/ngx-fudis/projects/ngx-fudis/src/lib/components/typography/body-text/body-text.component.ts
index 35afd6a88..f63768bea 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/components/typography/body-text/body-text.component.ts
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/components/typography/body-text/body-text.component.ts
@@ -9,7 +9,7 @@ import {
 } from '@angular/core';
 import { FudisBodyText } from '../../../types/typography';
 import { FudisTextAlign } from '../../../types/miscellaneous';
-import { NotificationComponent } from '../../notification/notification.component';
+import { DialogComponent } from '../../dialog/dialog.component';
 
 @Component({
   selector: 'fudis-body-text',
@@ -19,9 +19,9 @@ import { NotificationComponent } from '../../notification/notification.component
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class BodyTextComponent {
-  constructor(@Host() @Optional() private _parentNotification: NotificationComponent) {
-    if (_parentNotification) {
-      this.size = 'lg-regular';
+  constructor(@Host() @Optional() private _parentDialog: DialogComponent) {
+    if (_parentDialog) {
+      this.size = 'md-light';
     }
   }
 
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/directives/tooltip/ngMaterial-theme.scss b/ngx-fudis/projects/ngx-fudis/src/lib/directives/tooltip/ngMaterial-theme.scss
index 611d536ae..0be83c531 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/directives/tooltip/ngMaterial-theme.scss
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/directives/tooltip/ngMaterial-theme.scss
@@ -1,6 +1,15 @@
+/* stylelint-disable selector-class-pattern */
+/* stylelint-disable property-disallowed-list */
+
 @use "../../foundations/spacing/tokens.scss" as spacing;
+@use "../../foundations/colors/tokens.scss" as colors;
 
-/* stylelint-disable-next-line selector-class-pattern */
 mat-tooltip-component .mat-tooltip-handset {
   margin: spacing.$spacing-xs;
 }
+
+mat-tooltip-component {
+  .mat-mdc-tooltip .mdc-tooltip__surface {
+    background-color: colors.$color-gray-dark;
+  }
+}
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/services/dialog/dialog.service.ts b/ngx-fudis/projects/ngx-fudis/src/lib/services/dialog/dialog.service.ts
index 6e54aa8bd..f65584bb8 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/services/dialog/dialog.service.ts
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/services/dialog/dialog.service.ts
@@ -75,6 +75,7 @@ export class FudisDialogService {
       enterAnimationDuration: 0,
       exitAnimationDuration: 0,
       panelClass: 'fudis-dialog-panel',
+      backdropClass: 'fudis-dialog-backdrop',
     };
     return { ...overridableOptions, ...userConfig, ...forcedOptions };
   }
diff --git a/ngx-fudis/projects/ngx-fudis/src/lib/utilities/storybook.ts b/ngx-fudis/projects/ngx-fudis/src/lib/utilities/storybook.ts
index 5bca64e22..4bf1d82fb 100644
--- a/ngx-fudis/projects/ngx-fudis/src/lib/utilities/storybook.ts
+++ b/ngx-fudis/projects/ngx-fudis/src/lib/utilities/storybook.ts
@@ -301,6 +301,8 @@ export const textInputControlsExclude: RegExp = excludeRegex([
 export const tooltipExclude: RegExp = excludeRegex([
   'handleClick',
   'handleBlur',
+  'handleDestroy',
+  'handleFocus',
   'buttonEl',
   'label',
   'labelHidden',
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-Big-Landscape-linux.png
index 10918117b..551f19d64 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-linux.png
index 3891be2b4..09e59aaf3 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-Big-Landscape-linux.png
index 8c7da6c35..3b83d3e1e 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-linux.png
index a1e9731c2..64778f8e0 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-chromium-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-chromium-linux.png
index 9595bd18e..64cdedcba 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-chromium-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-chromium-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-firefox-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-firefox-linux.png
index c2bc2171e..181658604 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-firefox-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-firefox-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-webkit-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-webkit-linux.png
index 23190082f..1d4892542 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-webkit-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-1-init-webkit-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-Big-Landscape-linux.png
index 4bd158a93..4ccba0b34 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-linux.png
index f4cbdcbad..801ba0096 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-Big-Landscape-linux.png
index 9fe4b64ed..dc72def2e 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-linux.png
index de31f44d2..174a7f68d 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-chromium-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-chromium-linux.png
index a4c356be8..94c8b425c 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-chromium-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-chromium-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-firefox-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-firefox-linux.png
index 130a3279a..65cf755f0 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-firefox-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-firefox-linux.png differ
diff --git a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-webkit-linux.png b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-webkit-linux.png
index f99fde686..cb424568e 100644
Binary files a/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-webkit-linux.png and b/test/visual-regression/datepicker.spec.ts-snapshots/disabled-2-focus-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts b/test/visual-regression/dialog.spec.ts
index 35b221037..460841cd0 100644
--- a/test/visual-regression/dialog.spec.ts
+++ b/test/visual-regression/dialog.spec.ts
@@ -1,9 +1,9 @@
 import test, { expect } from "@playwright/test";
 
-test("dialog", async ({ page }) => {
-  await page.goto("/iframe.html?args=&id=components-dialog--example&viewMode=story");
+test("dialog with form", async ({ page }) => {
+  await page.goto("/iframe.html?args=&id=components-dialog--example-with-form&viewMode=story");
   await page.getByTestId("fudis-button-1").click();
-  await expect(page.getByTestId("fudis-button-4")).toBeVisible();
+  await expect(page.getByTestId("fudis-button-2")).toBeVisible();
   await expect(page).toHaveScreenshot("form-1-init.png");
   await page.getByText("SUBMIT").click();
   await expect(page).toHaveScreenshot("form-2-errors.png");
@@ -11,16 +11,18 @@ test("dialog", async ({ page }) => {
   await page.getByText("SUBMIT").focus();
   await expect(page).toHaveScreenshot("form-3-before-submit.png");
   await page.getByText("SUBMIT").click();
-  await page.getByTestId("fudis-button-2").click();
-  await expect(page.getByTestId("fudis-button-6")).toBeVisible();
-  await expect(page).toHaveScreenshot("dialog-1-init.png");
-  await page.getByRole("region").focus();
-  await expect(page).toHaveScreenshot("dialog-2-content-focus.png");
+  await expect(page).toHaveScreenshot("form-4-after-submit.png");
+});
 
+test("dialog with grid", async ({ page }) => {
+  await page.goto("/iframe.html?args=&id=components-dialog--example-with-grid&viewMode=story");
+  await page.getByTestId("fudis-button-1").click();
+  await expect(page.getByTestId("fudis-button-2")).toBeVisible();
+  await expect(page).toHaveScreenshot("grid-1-init.png");
+  await page.getByRole("region").focus();
+  await expect(page).toHaveScreenshot("grid-2-content-focus.png");
   await page.getByText(" I am last item of the grid ").scrollIntoViewIfNeeded();
-
-  await expect(page).toHaveScreenshot("dialog-3-content-scrolled.png");
-
+  await expect(page).toHaveScreenshot("grid-3-content-scrolled.png");
   await page.getByLabel("Close").click();
-  await expect(page).toHaveScreenshot("dialog-4-content-closed.png");
+  await expect(page).toHaveScreenshot("grid-4-content-closed.png");
 });
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index 70b1b81a0..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Chrome-linux.png
deleted file mode 100644
index 217ca3e08..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index b41fd193e..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Safari-linux.png
deleted file mode 100644
index 14e5e20a4..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-chromium-linux.png
deleted file mode 100644
index f458b8ae4..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-firefox-linux.png
deleted file mode 100644
index 0eddb3af3..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-webkit-linux.png
deleted file mode 100644
index 5eecbf9a1..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-1-init-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index 38f83cc89..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Chrome-linux.png
deleted file mode 100644
index 3e005342c..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index 87b2fb2ed..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Safari-linux.png
deleted file mode 100644
index 1f3483cad..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-chromium-linux.png
deleted file mode 100644
index cbf73035d..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-firefox-linux.png
deleted file mode 100644
index fa2d914cf..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-webkit-linux.png
deleted file mode 100644
index fee3b84a8..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-2-content-focus-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index 18370967a..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Chrome-linux.png
deleted file mode 100644
index 2b2703673..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index 5e691474b..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Safari-linux.png
deleted file mode 100644
index d313f855a..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-chromium-linux.png
deleted file mode 100644
index 10819dab8..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-firefox-linux.png
deleted file mode 100644
index 833fb583a..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-webkit-linux.png
deleted file mode 100644
index dd39d075e..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-3-content-scrolled-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index 8fec121c7..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Chrome-linux.png
deleted file mode 100644
index e7d7ab7ae..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index 92ac27bd5..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Safari-linux.png
deleted file mode 100644
index b777c4120..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-chromium-linux.png
deleted file mode 100644
index a9ef2278f..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-firefox-linux.png
deleted file mode 100644
index 7e27346d9..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-webkit-linux.png
deleted file mode 100644
index 686612fd5..000000000
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/dialog-4-content-closed-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-Big-Landscape-linux.png
index 284882c03..9099e3162 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-linux.png
index f3c7174c9..2cff229f3 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-Big-Landscape-linux.png
index 4123a05f3..cb9eeaf94 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-linux.png
index 9d14d0b63..1be0deb64 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-chromium-linux.png
index e8d2a6f37..9bda4f0d9 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-chromium-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-firefox-linux.png
index b3159017d..18097bbad 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-firefox-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-webkit-linux.png
index c9f1a8b91..9be866457 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-webkit-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-1-init-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-Big-Landscape-linux.png
index ddcf3a817..d70744b00 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-linux.png
index 723e580ab..044d9637a 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-Big-Landscape-linux.png
index e0bf2d89c..381e6fbe4 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-linux.png
index dbc965cf0..70196656c 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-chromium-linux.png
index 9e848bbef..c3c752fe0 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-chromium-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-firefox-linux.png
index a2e06353e..6a443011e 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-firefox-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-webkit-linux.png
index a7edd1aa6..fc8ee7cac 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-webkit-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-2-errors-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-Big-Landscape-linux.png
index b0381ef6a..fb5701fac 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-linux.png
index 19b78caa0..409d15639 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-Big-Landscape-linux.png
index f735402bf..e33354bd9 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-linux.png
index 587e5ca57..b4ca027cb 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-chromium-linux.png
index f2005cd9a..0fc6acaa2 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-chromium-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-firefox-linux.png
index 74cc6e63d..b0cab9cd6 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-firefox-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-webkit-linux.png
index aff6aff09..5468c64d5 100644
Binary files a/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-webkit-linux.png and b/test/visual-regression/dialog.spec.ts-snapshots/form-3-before-submit-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..1cc4db3ac
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..0f4a3d9a1
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..edae30d62
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Safari-linux.png
new file mode 100644
index 000000000..2c7814de6
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-chromium-linux.png
new file mode 100644
index 000000000..7985d7ba1
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-firefox-linux.png
new file mode 100644
index 000000000..0b838cdb4
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-webkit-linux.png
new file mode 100644
index 000000000..e1ba1f4b0
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/form-4-after-submit-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..11608f6c3
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..c47564bbd
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..2a4493081
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Safari-linux.png
new file mode 100644
index 000000000..beb183fdf
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-chromium-linux.png
new file mode 100644
index 000000000..c80c6ac65
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-firefox-linux.png
new file mode 100644
index 000000000..5d73bed42
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-webkit-linux.png
new file mode 100644
index 000000000..5faef7057
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-1-init-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..8166464e2
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..70f4907ed
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..c3472da2a
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Safari-linux.png
new file mode 100644
index 000000000..bee1f17a2
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-chromium-linux.png
new file mode 100644
index 000000000..313c89a01
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-firefox-linux.png
new file mode 100644
index 000000000..e89bb0851
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-webkit-linux.png
new file mode 100644
index 000000000..0449171c3
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-2-content-focus-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..e698afbaa
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..02642890d
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..16ace710f
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Safari-linux.png
new file mode 100644
index 000000000..60b6a15ac
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-chromium-linux.png
new file mode 100644
index 000000000..aa0e3ffa3
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-firefox-linux.png
new file mode 100644
index 000000000..4989321ac
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-webkit-linux.png
new file mode 100644
index 000000000..d82578d8a
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-3-content-scrolled-webkit-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..52a414b2c
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Chrome-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..335002dbb
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..2950bbde3
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Safari-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Safari-linux.png
new file mode 100644
index 000000000..f1ae58848
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-chromium-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-chromium-linux.png
new file mode 100644
index 000000000..c2a91ec53
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-chromium-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-firefox-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-firefox-linux.png
new file mode 100644
index 000000000..9e963e187
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-firefox-linux.png differ
diff --git a/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-webkit-linux.png b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-webkit-linux.png
new file mode 100644
index 000000000..b1afcbb12
Binary files /dev/null and b/test/visual-regression/dialog.spec.ts-snapshots/grid-4-content-closed-webkit-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-Big-Landscape-linux.png
index 9a9fe88f9..462277f07 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-linux.png
index fc9f98b43..9033a9d23 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-Big-Landscape-linux.png
index 4ad313665..33d3f595c 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-linux.png
index 72c421b2f..5734c7554 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-chromium-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-chromium-linux.png
index efc987617..1b91b80cf 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-chromium-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-chromium-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-firefox-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-firefox-linux.png
index 33e3c39f9..791c5f4fe 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-firefox-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-firefox-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-webkit-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-webkit-linux.png
index 34e333603..dabc56a63 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/1-init-webkit-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/1-init-webkit-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-Big-Landscape-linux.png
index 2f8a06bca..3e636c5bf 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-linux.png
index 2d358d5f2..4ad0b25da 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-Big-Landscape-linux.png
index 2e94572e3..39cb82be9 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-linux.png
index bee90603f..5796b6f44 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-chromium-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-chromium-linux.png
index 9d80b47d5..cf254ab68 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-chromium-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-chromium-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-firefox-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-firefox-linux.png
index 28ccd99ad..14521c8a6 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-firefox-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-firefox-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-webkit-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-webkit-linux.png
index c3afc9112..ccea5b30b 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-webkit-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/2-before-reload-only-webkit-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-Big-Landscape-linux.png
index c190eb291..de62ad71f 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-linux.png
index c690a96e6..9d07669b8 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-Big-Landscape-linux.png
index d9791d369..7442900d7 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-linux.png
index f53863bdc..3f2e30925 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-chromium-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-chromium-linux.png
index b75cfd112..9e99a3958 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-chromium-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-chromium-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-firefox-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-firefox-linux.png
index 2d905c301..3dfc19bb1 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-firefox-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-firefox-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-webkit-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-webkit-linux.png
index 90895155f..cc93dcf49 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-webkit-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/3-after-reload-only-webkit-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-Big-Landscape-linux.png
index 4271e0db9..9ece62887 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-linux.png
index 4e311c85e..87fc39342 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-Big-Landscape-linux.png
index a37c69b92..e7d5c3795 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-linux.png
index 79d79d40a..dcbe88e59 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-chromium-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-chromium-linux.png
index 02ac3f169..19b66a389 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-chromium-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-chromium-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-firefox-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-firefox-linux.png
index 094945b65..002907e68 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-firefox-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-firefox-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-webkit-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-webkit-linux.png
index 53ba10414..1f287a7b6 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-webkit-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/4-before-remove-only-1-webkit-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-Big-Landscape-linux.png
index bb8156c6c..0dcae034c 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-linux.png
index 4f8c5299d..68bd6ebd7 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-Big-Landscape-linux.png
index 947f9ef5a..584e5f16c 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-linux.png
index 2b8ea4584..e0840dcbc 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-chromium-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-chromium-linux.png
index 9996e638a..12ee987c8 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-chromium-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-chromium-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-firefox-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-firefox-linux.png
index 690ac2879..d9e57c105 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-firefox-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-firefox-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-webkit-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-webkit-linux.png
index d18df9b6d..0ad346ca1 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-webkit-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/5-after-removeonly-webkit-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-Big-Landscape-linux.png
index 7fa5f8434..c7d718bbb 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-linux.png
index 315a81bf0..46161590d 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-Big-Landscape-linux.png
index 45f7ea601..5efe596f1 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-linux.png
index bff7b3943..04093b178 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-chromium-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-chromium-linux.png
index e0d68b28c..1541de431 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-chromium-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-chromium-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-firefox-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-firefox-linux.png
index 8fe5cb517..ff59e3474 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-firefox-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-firefox-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-webkit-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-webkit-linux.png
index 07934bb6f..a7ef1a8dc 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-webkit-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/6-after-remove-all-1-webkit-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-Big-Landscape-linux.png
index 2ca991b45..4e7906eec 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-linux.png
index 81a31b859..bd8da61fb 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-Big-Landscape-linux.png
index b47ce4363..9d5c8bb2d 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-linux.png
index d1269a302..dab2011f9 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-chromium-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-chromium-linux.png
index 5b5e52c19..992c0eb4f 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-chromium-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-chromium-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-firefox-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-firefox-linux.png
index 6c655a5a0..a9fe0e849 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-firefox-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-firefox-linux.png differ
diff --git a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-webkit-linux.png b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-webkit-linux.png
index f0c8ac9fa..1fedb1b12 100644
Binary files a/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-webkit-linux.png and b/test/visual-regression/error-summary.spec.ts-snapshots/7-after-remove-all-2-webkit-linux.png differ
diff --git a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-Big-Landscape-linux.png
index 8523bd773..9f4068c02 100644
Binary files a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-linux.png b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-linux.png
index 41e14cac7..1ca192ba0 100644
Binary files a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-linux.png and b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-Big-Landscape-linux.png
index 77055b024..2bbe7dbd9 100644
Binary files a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-linux.png b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-linux.png
index ae7b3287d..0404a5c4a 100644
Binary files a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-linux.png and b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-chromium-linux.png b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-chromium-linux.png
index 491abdb09..3fe76bba6 100644
Binary files a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-chromium-linux.png and b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-chromium-linux.png differ
diff --git a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-firefox-linux.png b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-firefox-linux.png
index 34ffb8951..cfff75279 100644
Binary files a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-firefox-linux.png and b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-firefox-linux.png differ
diff --git a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-webkit-linux.png b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-webkit-linux.png
index f3b43a4c7..63d77d5eb 100644
Binary files a/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-webkit-linux.png and b/test/visual-regression/fieldset.spec.ts-snapshots/fieldset-1-webkit-linux.png differ
diff --git a/test/visual-regression/form.spec.ts b/test/visual-regression/form.spec.ts
index 1b811bf64..70cea6d57 100644
--- a/test/visual-regression/form.spec.ts
+++ b/test/visual-regression/form.spec.ts
@@ -2,19 +2,19 @@ import test, { expect } from "@playwright/test";
 
 test("form default", async ({ page }) => {
   await page.goto("/iframe.html?args=&id=components-form-form--example&viewMode=story");
+  await expect(page).toHaveScreenshot("default-1-init.png", { fullPage: true });
 
   await page.getByTestId("fudis-button-2").click();
-  await expect(page).toHaveScreenshot({ fullPage: true });
+  await expect(page).toHaveScreenshot("default-2-after-submit.png", { fullPage: true });
 });
 
 test("form multiple", async ({ page }) => {
   await page.goto(
     "/iframe.html?args=&id=components-form-form--example-with-multiple-forms&viewMode=story",
   );
-
   await page.getByTestId("fudis-button-2").click();
-  await expect(page).toHaveScreenshot({ fullPage: true });
-  await page.getByTestId("fudis-button-1").click();
+  await expect(page).toHaveScreenshot("multiple-1-single-submitted.png", { fullPage: true });
 
-  await expect(page).toHaveScreenshot({ fullPage: true });
+  await page.getByTestId("fudis-button-1").click();
+  await expect(page).toHaveScreenshot("multiple-2-all-submitted.png", { fullPage: true });
 });
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..a15f9c456
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Chrome-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..11829e2dc
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..dbed5224e
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Safari-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Safari-linux.png
new file mode 100644
index 000000000..20dfb7fc0
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-1-init-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-1-init-chromium-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-1-init-chromium-linux.png
new file mode 100644
index 000000000..5fab44b29
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-1-init-chromium-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-1-init-firefox-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-1-init-firefox-linux.png
new file mode 100644
index 000000000..ee2fe70e0
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-1-init-firefox-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-1-init-webkit-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-1-init-webkit-linux.png
new file mode 100644
index 000000000..459a4852b
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-1-init-webkit-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..a82de2a05
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Chrome-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..fd655ae6a
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..f815902da
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Safari-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Safari-linux.png
new file mode 100644
index 000000000..d6dd51b50
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-chromium-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-chromium-linux.png
new file mode 100644
index 000000000..65be75587
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-chromium-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-firefox-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-firefox-linux.png
new file mode 100644
index 000000000..b72fca90f
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-firefox-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-webkit-linux.png b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-webkit-linux.png
new file mode 100644
index 000000000..4979a1cc3
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/default-2-after-submit-webkit-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index 718d83013..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Chrome-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Chrome-linux.png
deleted file mode 100644
index f1a02b19c..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index a3ae6f0b4..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Safari-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Safari-linux.png
deleted file mode 100644
index f05daba73..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-default-1-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-default-1-chromium-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-default-1-chromium-linux.png
deleted file mode 100644
index 6ed4b3270..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-default-1-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-default-1-firefox-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-default-1-firefox-linux.png
deleted file mode 100644
index fcdb7d21e..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-default-1-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-default-1-webkit-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-default-1-webkit-linux.png
deleted file mode 100644
index cbb50dfca..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-default-1-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index dbc001c99..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Chrome-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Chrome-linux.png
deleted file mode 100644
index 39796bded..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index b870f7f7c..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Safari-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Safari-linux.png
deleted file mode 100644
index 48102439f..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-chromium-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-chromium-linux.png
deleted file mode 100644
index ba4f70e0c..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-firefox-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-firefox-linux.png
deleted file mode 100644
index 740ce624e..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-webkit-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-webkit-linux.png
deleted file mode 100644
index 1c5805abd..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-1-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index f38ce61aa..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Chrome-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Chrome-linux.png
deleted file mode 100644
index b7dec24d2..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index 408a0bf8a..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Safari-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Safari-linux.png
deleted file mode 100644
index 871f7d5e3..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-chromium-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-chromium-linux.png
deleted file mode 100644
index 5d2ca8c2b..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-firefox-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-firefox-linux.png
deleted file mode 100644
index aa19d35a5..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-webkit-linux.png b/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-webkit-linux.png
deleted file mode 100644
index 2468d6112..000000000
Binary files a/test/visual-regression/form.spec.ts-snapshots/form-multiple-2-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..f7c3e70e4
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Chrome-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..b3531a509
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..4f29c57d0
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Safari-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Safari-linux.png
new file mode 100644
index 000000000..40b6196de
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-chromium-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-chromium-linux.png
new file mode 100644
index 000000000..cdb7fa783
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-chromium-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-firefox-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-firefox-linux.png
new file mode 100644
index 000000000..cf251c3af
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-firefox-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-webkit-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-webkit-linux.png
new file mode 100644
index 000000000..c507006af
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-1-single-submitted-webkit-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..6421d14b4
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Chrome-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..4d690c01a
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..fceeb8f98
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Safari-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Safari-linux.png
new file mode 100644
index 000000000..f1aee4cce
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-chromium-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-chromium-linux.png
new file mode 100644
index 000000000..d2c32562e
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-chromium-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-firefox-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-firefox-linux.png
new file mode 100644
index 000000000..fef9190bc
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-firefox-linux.png differ
diff --git a/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-webkit-linux.png b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-webkit-linux.png
new file mode 100644
index 000000000..eb0638833
Binary files /dev/null and b/test/visual-regression/form.spec.ts-snapshots/multiple-2-all-submitted-webkit-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-Big-Landscape-linux.png
index f3ec0505b..c1181a1b3 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-linux.png b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-linux.png
index 3ca324d75..ba3b0bf0e 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-Big-Landscape-linux.png
index bae126527..48e89998b 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-linux.png b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-linux.png
index 39a3a0f0c..be393abc4 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-chromium-linux.png b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-chromium-linux.png
index 3534ea5fd..d468c6cef 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-chromium-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-chromium-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-firefox-linux.png b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-firefox-linux.png
index a31c6e971..158a74d46 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-firefox-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-firefox-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-webkit-linux.png b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-webkit-linux.png
index 972c6d195..8c15cbcbf 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-webkit-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/all-variants-1-webkit-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-Big-Landscape-linux.png
index 4d36e912f..c6fd1522b 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-linux.png
index ee1ff0707..560612387 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-Big-Landscape-linux.png
index a14a45fd8..73588ba53 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-linux.png
index 0a83a3ae3..a7423d0b1 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-chromium-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-chromium-linux.png
index f3d48737c..1c2078344 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-chromium-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-chromium-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-firefox-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-firefox-linux.png
index 15ea71f5f..951e40e2d 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-firefox-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-firefox-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-webkit-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-webkit-linux.png
index 1f8a0e658..c7eacbd51 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-webkit-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-external-link-1-webkit-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-Big-Landscape-linux.png
index ece9435ac..165468326 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-linux.png
index fead3d97b..91b094c7c 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-Big-Landscape-linux.png
index 424b9aaaf..9fa00c662 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-linux.png
index 102407be1..fccc6d8e7 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-chromium-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-chromium-linux.png
index 116cf84d3..7bb2e2f86 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-chromium-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-chromium-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-firefox-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-firefox-linux.png
index 6a7737eaa..0ab67c26e 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-firefox-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-firefox-linux.png differ
diff --git a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-webkit-linux.png b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-webkit-linux.png
index 1e5b8c4eb..89d9615a3 100644
Binary files a/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-webkit-linux.png and b/test/visual-regression/notification.spec.ts-snapshots/with-multiple-child-components-1-webkit-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-Big-Landscape-linux.png
index e0a5af3fe..fdae6f803 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-linux.png
index 2ef4237d9..9ff9e36ed 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-Big-Landscape-linux.png
index eba3a2d23..fb2fa4cdf 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-linux.png
index b878545ed..71b46598d 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-1-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-1-chromium-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-1-chromium-linux.png
index 0e96ff293..650479b3b 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-1-chromium-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-1-chromium-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-1-firefox-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-1-firefox-linux.png
index 9d23a938e..dae052d8d 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-1-firefox-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-1-firefox-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-1-webkit-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-1-webkit-linux.png
index b6b07168f..86000cab5 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-1-webkit-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-1-webkit-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-Big-Landscape-linux.png
index c0e7a8ddf..3333f9018 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-Big-Landscape-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-linux.png
index 47322ca00..29df7c574 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-Big-Landscape-linux.png
index 6a647c389..80dbb35d4 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-Big-Landscape-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-linux.png
index e4b73074d..0628a7f0d 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-2-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-2-chromium-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-2-chromium-linux.png
index 3f625f5c3..ab04d4b18 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-2-chromium-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-2-chromium-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-2-firefox-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-2-firefox-linux.png
index 2b3e0fbe6..b9cf3d0ed 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-2-firefox-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-2-firefox-linux.png differ
diff --git a/test/visual-regression/section.spec.ts-snapshots/section-default-2-webkit-linux.png b/test/visual-regression/section.spec.ts-snapshots/section-default-2-webkit-linux.png
index 70489a800..cc1dd8d41 100644
Binary files a/test/visual-regression/section.spec.ts-snapshots/section-default-2-webkit-linux.png and b/test/visual-regression/section.spec.ts-snapshots/section-default-2-webkit-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts b/test/visual-regression/tooltip.spec.ts
index 41dfb468f..23cdeede5 100644
--- a/test/visual-regression/tooltip.spec.ts
+++ b/test/visual-regression/tooltip.spec.ts
@@ -5,7 +5,13 @@ test("tooltip hover", async ({ page }) => {
     "/iframe.html?args=&id=directives-tooltip--example-with-fudis-button&viewMode=story",
   );
   await page.getByTestId("fudis-button-1").hover();
-  await expect(page).toHaveScreenshot("hover.png");
+  await expect(page).toHaveScreenshot("hover-1-right.png");
+
+  await page.goto(
+    "/iframe.html?args=tooltipPosition:below&id=directives-tooltip--example-with-fudis-button&viewMode=story",
+  );
+  await page.getByTestId("fudis-button-1").hover();
+  await expect(page).toHaveScreenshot("hover-2-below.png");
 });
 
 test("tooltip toggle", async ({ page }) => {
@@ -13,5 +19,11 @@ test("tooltip toggle", async ({ page }) => {
     "/iframe.html?args=tooltipToggle:!true&id=directives-tooltip--example-with-fudis-button&viewMode=story",
   );
   await page.getByTestId("fudis-button-1").click();
-  await expect(page).toHaveScreenshot("toggle.png");
+  await expect(page).toHaveScreenshot("toggle-1-right.png");
+
+  await page.goto(
+    "/iframe.html?args=tooltipPosition:below;tooltipToggle:!true&id=directives-tooltip--example-with-fudis-button&viewMode=story",
+  );
+  await page.getByTestId("fudis-button-1").click();
+  await expect(page).toHaveScreenshot("toggle-2-below.png");
 });
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..f23d84812
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Chrome-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..a94e7bd2c
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..4b628b0c6
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Safari-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Safari-linux.png
new file mode 100644
index 000000000..07878827d
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-chromium-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-chromium-linux.png
new file mode 100644
index 000000000..ecfeb2d28
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-chromium-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-firefox-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-firefox-linux.png
new file mode 100644
index 000000000..3ee3152ee
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-firefox-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-webkit-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-webkit-linux.png
new file mode 100644
index 000000000..ff4228f05
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-1-right-webkit-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..0c37af16a
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Chrome-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..89cacb012
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..66477b72b
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Safari-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Safari-linux.png
new file mode 100644
index 000000000..4d1f7eac8
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-chromium-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-chromium-linux.png
new file mode 100644
index 000000000..66a15bf2b
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-chromium-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-firefox-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-firefox-linux.png
new file mode 100644
index 000000000..8f070801d
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-firefox-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-webkit-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-webkit-linux.png
new file mode 100644
index 000000000..b790cacec
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/hover-2-below-webkit-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index 358b5bd4e..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Chrome-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Chrome-linux.png
deleted file mode 100644
index 78ebd0167..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index 576ede91a..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Safari-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Safari-linux.png
deleted file mode 100644
index 3ddde9cda..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/hover-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-chromium-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-chromium-linux.png
deleted file mode 100644
index e447b3316..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/hover-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-firefox-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-firefox-linux.png
deleted file mode 100644
index c0f31d5e3..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/hover-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/hover-webkit-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/hover-webkit-linux.png
deleted file mode 100644
index ac6813994..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/hover-webkit-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..c69bce5d9
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Chrome-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..397d88604
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..81168e3ce
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Safari-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Safari-linux.png
new file mode 100644
index 000000000..3c73f1e18
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-chromium-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-chromium-linux.png
new file mode 100644
index 000000000..1e29f0619
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-chromium-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-firefox-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-firefox-linux.png
new file mode 100644
index 000000000..5dd18a85c
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-firefox-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-webkit-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-webkit-linux.png
new file mode 100644
index 000000000..a8acd1793
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-1-right-webkit-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Chrome-Big-Landscape-linux.png
new file mode 100644
index 000000000..6adb0e692
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Chrome-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Chrome-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Chrome-linux.png
new file mode 100644
index 000000000..d3d9be05f
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Chrome-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Safari-Big-Landscape-linux.png
new file mode 100644
index 000000000..86cbdd27f
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Safari-Big-Landscape-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Safari-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Safari-linux.png
new file mode 100644
index 000000000..4d252f319
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-Mobile-Safari-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-chromium-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-chromium-linux.png
new file mode 100644
index 000000000..6baee810e
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-chromium-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-firefox-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-firefox-linux.png
new file mode 100644
index 000000000..6c3b89755
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-firefox-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-webkit-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-webkit-linux.png
new file mode 100644
index 000000000..f15229380
Binary files /dev/null and b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-2-below-webkit-linux.png differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Chrome-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Chrome-Big-Landscape-linux.png
deleted file mode 100644
index 2b6e6e354..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Chrome-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Chrome-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Chrome-linux.png
deleted file mode 100644
index 7fa8b042f..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Safari-Big-Landscape-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Safari-Big-Landscape-linux.png
deleted file mode 100644
index aa6ee865b..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Safari-Big-Landscape-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Safari-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Safari-linux.png
deleted file mode 100644
index 21987d666..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-Mobile-Safari-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-chromium-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-chromium-linux.png
deleted file mode 100644
index 77ba81c88..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-chromium-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-firefox-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-firefox-linux.png
deleted file mode 100644
index 7d1bcbf6d..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-firefox-linux.png and /dev/null differ
diff --git a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-webkit-linux.png b/test/visual-regression/tooltip.spec.ts-snapshots/toggle-webkit-linux.png
deleted file mode 100644
index 7c05bbd5b..000000000
Binary files a/test/visual-regression/tooltip.spec.ts-snapshots/toggle-webkit-linux.png and /dev/null differ