diff --git a/CHANGELOG.md b/CHANGELOG.md
index db2a23f3002..363cd773ad9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+
+### Features
+
+* **checkbox:** display as block when justify or alignment properties are defined ([#29783](https://github.com/ionic-team/ionic-framework/issues/29783)) ([4ccd15e](https://github.com/ionic-team/ionic-framework/commit/4ccd15e47ad4ec7cb59d2694c5738eab1bb265ff))
+* **radio:** display as block when justify or alignment properties are defined ([#29801](https://github.com/ionic-team/ionic-framework/issues/29801)) ([18b02b3](https://github.com/ionic-team/ionic-framework/commit/18b02b3574f54a2f377f5bfe4e074bf015418dd3))
+* **react, vue, angular:** use tabs without router ([#29794](https://github.com/ionic-team/ionic-framework/issues/29794)) ([867066b](https://github.com/ionic-team/ionic-framework/commit/867066b4eba369de025f3c7c8ef33e7089cdf3bc)), closes [#25184](https://github.com/ionic-team/ionic-framework/issues/25184)
+* **toggle:** display as block when justify or alignment properties are defined ([#29802](https://github.com/ionic-team/ionic-framework/issues/29802)) ([0332c8c](https://github.com/ionic-team/ionic-framework/commit/0332c8c6ceb612840e73f789d5c5b66f05cb53d4))
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 
@@ -10,7 +24,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 * **range:** emit correct value when knob is at start of bar ([#29820](https://github.com/ionic-team/ionic-framework/issues/29820)) ([6a3d7c7](https://github.com/ionic-team/ionic-framework/commit/6a3d7c7247f74e21a8377676daf228822f879b26)), closes [#29792](https://github.com/ionic-team/ionic-framework/issues/29792)
 * **react:** intellisense works with IntelliJ ([#29782](https://github.com/ionic-team/ionic-framework/issues/29782)) ([bacded5](https://github.com/ionic-team/ionic-framework/commit/bacded500b826df98d3ca5322c87f50f643c4692)), closes [#29755](https://github.com/ionic-team/ionic-framework/issues/29755)
-* **test:** fix Stencil Nightly build ([#29780](https://github.com/ionic-team/ionic-framework/issues/29780)) ([bf7f6f6](https://github.com/ionic-team/ionic-framework/commit/bf7f6f6acf63ac4d7d536c8a297ff14f704b13c7)), closes [#5926](https://github.com/ionic-team/ionic-framework/issues/5926)
 
 
 
diff --git a/core/CHANGELOG.md b/core/CHANGELOG.md
index fbd986641bd..820e463f8a8 100644
--- a/core/CHANGELOG.md
+++ b/core/CHANGELOG.md
@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+
+### Features
+
+* **checkbox:** display as block when justify or alignment properties are defined ([#29783](https://github.com/ionic-team/ionic-framework/issues/29783)) ([4ccd15e](https://github.com/ionic-team/ionic-framework/commit/4ccd15e47ad4ec7cb59d2694c5738eab1bb265ff))
+* **radio:** display as block when justify or alignment properties are defined ([#29801](https://github.com/ionic-team/ionic-framework/issues/29801)) ([18b02b3](https://github.com/ionic-team/ionic-framework/commit/18b02b3574f54a2f377f5bfe4e074bf015418dd3))
+* **react, vue, angular:** use tabs without router ([#29794](https://github.com/ionic-team/ionic-framework/issues/29794)) ([867066b](https://github.com/ionic-team/ionic-framework/commit/867066b4eba369de025f3c7c8ef33e7089cdf3bc)), closes [#25184](https://github.com/ionic-team/ionic-framework/issues/25184)
+* **toggle:** display as block when justify or alignment properties are defined ([#29802](https://github.com/ionic-team/ionic-framework/issues/29802)) ([0332c8c](https://github.com/ionic-team/ionic-framework/commit/0332c8c6ceb612840e73f789d5c5b66f05cb53d4))
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 
@@ -10,7 +24,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 * **range:** emit correct value when knob is at start of bar ([#29820](https://github.com/ionic-team/ionic-framework/issues/29820)) ([6a3d7c7](https://github.com/ionic-team/ionic-framework/commit/6a3d7c7247f74e21a8377676daf228822f879b26)), closes [#29792](https://github.com/ionic-team/ionic-framework/issues/29792)
 * **react:** intellisense works with IntelliJ ([#29782](https://github.com/ionic-team/ionic-framework/issues/29782)) ([bacded5](https://github.com/ionic-team/ionic-framework/commit/bacded500b826df98d3ca5322c87f50f643c4692)), closes [#29755](https://github.com/ionic-team/ionic-framework/issues/29755)
-* **test:** fix Stencil Nightly build ([#29780](https://github.com/ionic-team/ionic-framework/issues/29780)) ([bf7f6f6](https://github.com/ionic-team/ionic-framework/commit/bf7f6f6acf63ac4d7d536c8a297ff14f704b13c7)), closes [#5926](https://github.com/ionic-team/ionic-framework/issues/5926)
 
 
 
diff --git a/core/api.txt b/core/api.txt
index aa94edeaf24..9c620e0c085 100644
--- a/core/api.txt
+++ b/core/api.txt
@@ -393,12 +393,12 @@ ion-card-title,css-prop,--color,ios
 ion-card-title,css-prop,--color,md
 
 ion-checkbox,shadow
-ion-checkbox,prop,alignment,"center" | "start",'center',false,false
+ion-checkbox,prop,alignment,"center" | "start" | undefined,undefined,false,false
 ion-checkbox,prop,checked,boolean,false,false,false
 ion-checkbox,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
 ion-checkbox,prop,disabled,boolean,false,false,false
 ion-checkbox,prop,indeterminate,boolean,false,false,false
-ion-checkbox,prop,justify,"end" | "space-between" | "start",'space-between',false,false
+ion-checkbox,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
 ion-checkbox,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
 ion-checkbox,prop,mode,"ios" | "md",undefined,false,false
 ion-checkbox,prop,name,string,this.inputId,false,false
@@ -1319,10 +1319,10 @@ ion-progress-bar,part,stream
 ion-progress-bar,part,track
 
 ion-radio,shadow
-ion-radio,prop,alignment,"center" | "start",'center',false,false
+ion-radio,prop,alignment,"center" | "start" | undefined,undefined,false,false
 ion-radio,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
 ion-radio,prop,disabled,boolean,false,false,false
-ion-radio,prop,justify,"end" | "space-between" | "start",'space-between',false,false
+ion-radio,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
 ion-radio,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
 ion-radio,prop,mode,"ios" | "md",undefined,false,false
 ion-radio,prop,name,string,this.inputId,false,false
@@ -1615,7 +1615,7 @@ ion-select,prop,expandedIcon,string | undefined,undefined,false,false
 ion-select,prop,fill,"outline" | "solid" | undefined,undefined,false,false
 ion-select,prop,interface,"action-sheet" | "alert" | "popover",'alert',false,false
 ion-select,prop,interfaceOptions,any,{},false,false
-ion-select,prop,justify,"end" | "space-between" | "start",'space-between',false,false
+ion-select,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
 ion-select,prop,label,string | undefined,undefined,false,false
 ion-select,prop,labelPlacement,"end" | "fixed" | "floating" | "stacked" | "start" | undefined,'start',false,false
 ion-select,prop,mode,"ios" | "md",undefined,false,false
@@ -1922,12 +1922,12 @@ ion-toast,part,icon
 ion-toast,part,message
 
 ion-toggle,shadow
-ion-toggle,prop,alignment,"center" | "start",'center',false,false
+ion-toggle,prop,alignment,"center" | "start" | undefined,undefined,false,false
 ion-toggle,prop,checked,boolean,false,false,false
 ion-toggle,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
 ion-toggle,prop,disabled,boolean,false,false,false
 ion-toggle,prop,enableOnOffLabels,boolean | undefined,config.get('toggleOnOffLabels'),false,false
-ion-toggle,prop,justify,"end" | "space-between" | "start",'space-between',false,false
+ion-toggle,prop,justify,"end" | "space-between" | "start" | undefined,undefined,false,false
 ion-toggle,prop,labelPlacement,"end" | "fixed" | "stacked" | "start",'start',false,false
 ion-toggle,prop,mode,"ios" | "md",undefined,false,false
 ion-toggle,prop,name,string,this.inputId,false,false
diff --git a/core/package-lock.json b/core/package-lock.json
index 4f435a297fb..5a09d5d42ac 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/core",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.19.2",
diff --git a/core/package.json b/core/package.json
index b5c33cf9eb4..57213c67d77 100644
--- a/core/package.json
+++ b/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
diff --git a/core/src/components.d.ts b/core/src/components.d.ts
index b41be1c22fb..7c725cf2c89 100644
--- a/core/src/components.d.ts
+++ b/core/src/components.d.ts
@@ -601,9 +601,9 @@ export namespace Components {
     }
     interface IonCheckbox {
         /**
-          * How to control the alignment of the checkbox and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+          * How to control the alignment of the checkbox and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the checkbox `display` to `block`.
          */
-        "alignment": 'start' | 'center';
+        "alignment"?: 'start' | 'center';
         /**
           * If `true`, the checkbox is selected.
          */
@@ -621,9 +621,9 @@ export namespace Components {
          */
         "indeterminate": boolean;
         /**
-          * How to pack the label and checkbox within a line. `"start"`: The label and checkbox will appear on the left in LTR and on the right in RTL. `"end"`: The label and checkbox will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and checkbox will appear on opposite ends of the line with space between the two elements.
+          * How to pack the label and checkbox within a line. `"start"`: The label and checkbox will appear on the left in LTR and on the right in RTL. `"end"`: The label and checkbox will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and checkbox will appear on opposite ends of the line with space between the two elements. Setting this property will change the checkbox `display` to `block`.
          */
-        "justify": 'start' | 'end' | 'space-between';
+        "justify"?: 'start' | 'end' | 'space-between';
         /**
           * Where to place the label relative to the checkbox. `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
          */
@@ -2248,9 +2248,9 @@ export namespace Components {
     }
     interface IonRadio {
         /**
-          * How to control the alignment of the radio and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+          * How to control the alignment of the radio and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the radio `display` to `block`.
          */
-        "alignment": 'start' | 'center';
+        "alignment"?: 'start' | 'center';
         /**
           * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
          */
@@ -2260,9 +2260,9 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * How to pack the label and radio within a line. `"start"`: The label and radio will appear on the left in LTR and on the right in RTL. `"end"`: The label and radio will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and radio will appear on opposite ends of the line with space between the two elements.
+          * How to pack the label and radio within a line. `"start"`: The label and radio will appear on the left in LTR and on the right in RTL. `"end"`: The label and radio will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and radio will appear on opposite ends of the line with space between the two elements. Setting this property will change the radio `display` to `block`.
          */
-        "justify": 'start' | 'end' | 'space-between';
+        "justify"?: 'start' | 'end' | 'space-between';
         /**
           * Where to place the label relative to the radio. `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL. `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
          */
@@ -2748,7 +2748,7 @@ export namespace Components {
         /**
           * How to pack the label and select within a line. `justify` does not apply when the label and select are on different lines when `labelPlacement` is set to `"floating"` or `"stacked"`. `"start"`: The label and select will appear on the left in LTR and on the right in RTL. `"end"`: The label and select will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and select will appear on opposite ends of the line with space between the two elements.
          */
-        "justify": 'start' | 'end' | 'space-between';
+        "justify"?: 'start' | 'end' | 'space-between';
         /**
           * The visible label associated with the select.  Use this if you need to render a plaintext label.  The `label` property will take priority over the `label` slot if both are used.
          */
@@ -3214,9 +3214,9 @@ export namespace Components {
     }
     interface IonToggle {
         /**
-          * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+          * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the toggle `display` to `block`.
          */
-        "alignment": 'start' | 'center';
+        "alignment"?: 'start' | 'center';
         /**
           * If `true`, the toggle is selected.
          */
@@ -3234,9 +3234,9 @@ export namespace Components {
          */
         "enableOnOffLabels": boolean | undefined;
         /**
-          * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements.
+          * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. Setting this property will change the toggle `display` to `block`.
          */
-        "justify": 'start' | 'end' | 'space-between';
+        "justify"?: 'start' | 'end' | 'space-between';
         /**
           * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
          */
@@ -5321,7 +5321,7 @@ declare namespace LocalJSX {
     }
     interface IonCheckbox {
         /**
-          * How to control the alignment of the checkbox and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+          * How to control the alignment of the checkbox and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the checkbox `display` to `block`.
          */
         "alignment"?: 'start' | 'center';
         /**
@@ -5341,7 +5341,7 @@ declare namespace LocalJSX {
          */
         "indeterminate"?: boolean;
         /**
-          * How to pack the label and checkbox within a line. `"start"`: The label and checkbox will appear on the left in LTR and on the right in RTL. `"end"`: The label and checkbox will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and checkbox will appear on opposite ends of the line with space between the two elements.
+          * How to pack the label and checkbox within a line. `"start"`: The label and checkbox will appear on the left in LTR and on the right in RTL. `"end"`: The label and checkbox will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and checkbox will appear on opposite ends of the line with space between the two elements. Setting this property will change the checkbox `display` to `block`.
          */
         "justify"?: 'start' | 'end' | 'space-between';
         /**
@@ -6939,7 +6939,7 @@ declare namespace LocalJSX {
     }
     interface IonRadio {
         /**
-          * How to control the alignment of the radio and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+          * How to control the alignment of the radio and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the radio `display` to `block`.
          */
         "alignment"?: 'start' | 'center';
         /**
@@ -6951,7 +6951,7 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * How to pack the label and radio within a line. `"start"`: The label and radio will appear on the left in LTR and on the right in RTL. `"end"`: The label and radio will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and radio will appear on opposite ends of the line with space between the two elements.
+          * How to pack the label and radio within a line. `"start"`: The label and radio will appear on the left in LTR and on the right in RTL. `"end"`: The label and radio will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and radio will appear on opposite ends of the line with space between the two elements. Setting this property will change the radio `display` to `block`.
          */
         "justify"?: 'start' | 'end' | 'space-between';
         /**
@@ -8020,7 +8020,7 @@ declare namespace LocalJSX {
     }
     interface IonToggle {
         /**
-          * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+          * How to control the alignment of the toggle and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL. Setting this property will change the toggle `display` to `block`.
          */
         "alignment"?: 'start' | 'center';
         /**
@@ -8040,7 +8040,7 @@ declare namespace LocalJSX {
          */
         "enableOnOffLabels"?: boolean | undefined;
         /**
-          * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements.
+          * How to pack the label and toggle within a line. `"start"`: The label and toggle will appear on the left in LTR and on the right in RTL. `"end"`: The label and toggle will appear on the right in LTR and on the left in RTL. `"space-between"`: The label and toggle will appear on opposite ends of the line with space between the two elements. Setting this property will change the toggle `display` to `block`.
          */
         "justify"?: 'start' | 'end' | 'space-between';
         /**
diff --git a/core/src/components/checkbox/checkbox.scss b/core/src/components/checkbox/checkbox.scss
index 11364b42c30..73d643777a1 100644
--- a/core/src/components/checkbox/checkbox.scss
+++ b/core/src/components/checkbox/checkbox.scss
@@ -72,6 +72,7 @@
   flex-grow: 1;
 
   align-items: center;
+  justify-content: space-between;
 
   height: inherit;
 
@@ -170,6 +171,20 @@ input {
   align-items: center;
 }
 
+// Justify Content & Align Items
+// ---------------------------------------------
+
+// The checkbox should be displayed as block when either justify
+// or alignment is set; otherwise, these properties will have no
+// visible effect.
+:host(.checkbox-justify-space-between),
+:host(.checkbox-justify-start),
+:host(.checkbox-justify-end),
+:host(.checkbox-alignment-start),
+:host(.checkbox-alignment-center) {
+  display: block;
+}
+
 // Label Placement - Start
 // ----------------------------------------------------------------
 
diff --git a/core/src/components/checkbox/checkbox.tsx b/core/src/components/checkbox/checkbox.tsx
index a1783c9aa9f..1eca97eeda7 100644
--- a/core/src/components/checkbox/checkbox.tsx
+++ b/core/src/components/checkbox/checkbox.tsx
@@ -86,15 +86,17 @@ export class Checkbox implements ComponentInterface {
    * on the left in RTL.
    * `"space-between"`: The label and checkbox will appear on opposite
    * ends of the line with space between the two elements.
+   * Setting this property will change the checkbox `display` to `block`.
    */
-  @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';
+  @Prop() justify?: 'start' | 'end' | 'space-between';
 
   /**
    * How to control the alignment of the checkbox and label on the cross axis.
    * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
    * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+   * Setting this property will change the checkbox `display` to `block`.
    */
-  @Prop() alignment: 'start' | 'center' = 'center';
+  @Prop() alignment?: 'start' | 'center';
 
   /**
    * Emitted when the checked property has changed as a result of a user action such as a click.
@@ -194,8 +196,8 @@ export class Checkbox implements ComponentInterface {
           'checkbox-disabled': disabled,
           'checkbox-indeterminate': indeterminate,
           interactive: true,
-          [`checkbox-justify-${justify}`]: true,
-          [`checkbox-alignment-${alignment}`]: true,
+          [`checkbox-justify-${justify}`]: justify !== undefined,
+          [`checkbox-alignment-${alignment}`]: alignment !== undefined,
           [`checkbox-label-placement-${labelPlacement}`]: true,
         })}
         onClick={this.onClick}
diff --git a/core/src/components/checkbox/test/a11y/checkbox.e2e.ts b/core/src/components/checkbox/test/a11y/checkbox.e2e.ts
index 9307d289d12..6d0b6645ae5 100644
--- a/core/src/components/checkbox/test/a11y/checkbox.e2e.ts
+++ b/core/src/components/checkbox/test/a11y/checkbox.e2e.ts
@@ -36,7 +36,7 @@ configs({ directions: ['ltr'] }).forEach(({ title, config, screenshot }) => {
                 font-size: 310%;
               }
             </style>
-            <ion-checkbox justify="start" checked>Checked</ion-checkbox>
+            <ion-checkbox checked>Checked</ion-checkbox>
           `,
           config
         );
diff --git a/core/src/components/checkbox/test/basic/index.html b/core/src/components/checkbox/test/basic/index.html
index 0557ad05f22..3380f82ddd1 100644
--- a/core/src/components/checkbox/test/basic/index.html
+++ b/core/src/components/checkbox/test/basic/index.html
@@ -15,7 +15,6 @@
   </head>
   <style>
     ion-checkbox {
-      display: block;
       margin-bottom: 8px;
     }
 
@@ -23,6 +22,10 @@
       transform: scale(0.5);
       transform-origin: center;
     }
+
+    hr {
+      background: #ddd;
+    }
   </style>
   <body>
     <ion-app>
@@ -33,15 +36,19 @@
       </ion-header>
 
       <ion-content class="ion-padding">
-        <div id="checkboxes">
-          <ion-checkbox justify="start">Unchecked</ion-checkbox>
-          <ion-checkbox justify="start" checked>Checked</ion-checkbox>
-          <ion-checkbox justify="start" disabled>Disabled</ion-checkbox>
-          <ion-checkbox justify="start" disabled checked>Disabled, Checked</ion-checkbox>
-          <ion-checkbox justify="start" checked style="--checkmark-width: 7">Checkmark Width</ion-checkbox>
-          <ion-checkbox justify="start" checked class="checkbox-part">Checkmark Shadow Part</ion-checkbox>
-          <ion-checkbox justify="start" checked style="--size: 100px">--size</ion-checkbox>
-        </div>
+        <ion-checkbox>Unchecked</ion-checkbox><br />
+        <ion-checkbox checked>Checked</ion-checkbox><br />
+        <ion-checkbox disabled>Disabled</ion-checkbox><br />
+        <ion-checkbox disabled checked>Disabled, Checked</ion-checkbox><br />
+        <ion-checkbox checked style="--checkmark-width: 7">Checkmark Width</ion-checkbox><br />
+        <ion-checkbox checked class="checkbox-part">Checkmark Shadow Part</ion-checkbox><br />
+        <ion-checkbox checked style="--size: 100px">--size</ion-checkbox><br />
+
+        <hr />
+
+        <ion-checkbox checked>Default width</ion-checkbox><br />
+        <ion-checkbox checked style="width: 200px">Specified width</ion-checkbox><br />
+        <ion-checkbox checked style="width: 100%">Full-width</ion-checkbox><br />
       </ion-content>
     </ion-app>
   </body>
diff --git a/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png
index c3df0152c37..c70ec2d8453 100644
Binary files a/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png
index df0d8b72812..e08c9c99f46 100644
Binary files a/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png
index 2f232bc13bc..9d03eecf52a 100644
Binary files a/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/item/checkbox.e2e.ts-snapshots/checkbox-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts b/core/src/components/checkbox/test/label/checkbox.e2e.ts
index 56d66c39999..b94201c13d9 100644
--- a/core/src/components/checkbox/test/label/checkbox.e2e.ts
+++ b/core/src/components/checkbox/test/label/checkbox.e2e.ts
@@ -2,20 +2,50 @@ import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
 /**
- * By default ion-checkbox only takes up
- * as much space as it needs. Justification is
- * used for when the checkbox takes up the full
- * line (such as in an ion-item). As a result,
- * we set the width of the checkbox so we can
- * see the justification results.
+ * By default ion-checkbox only takes up as much space
+ * as it needs. Justification is used for when the
+ * checkbox should take up the full line (such as in an
+ * ion-item or when it has 100% width).
  */
 configs().forEach(({ title, screenshot, config }) => {
   test.describe(title('checkbox: label'), () => {
+    test.describe('checkbox: default placement', () => {
+      test('should render a space between justification with a full width checkbox', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-checkbox style="width: 100%">
+             Label
+           </ion-checkbox>
+         `,
+          config
+        );
+
+        const checkbox = page.locator('ion-checkbox');
+        await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-full-width`));
+      });
+
+      test('should truncate long labels with ellipses', async ({ page }) => {
+        // Checkbox needs to be full width to truncate properly
+        // because it is not inside of an `ion-app` in tests
+        await page.setContent(
+          `
+          <ion-checkbox style="width: 100%">
+             Long Label Long Label Long Label Long Label Long Label Long Label
+           </ion-checkbox>
+         `,
+          config
+        );
+
+        const checkbox = page.locator('ion-checkbox');
+        await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-long-label`));
+      });
+    });
+
     test.describe('checkbox: start placement', () => {
       test('should render a start justification with label in the start position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="start" justify="start" style="width: 200px">Label</ion-checkbox>
+           <ion-checkbox label-placement="start" justify="start">Label</ion-checkbox>
          `,
           config
         );
@@ -27,7 +57,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render an end justification with label in the start position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="start" justify="end" style="width: 200px">Label</ion-checkbox>
+           <ion-checkbox label-placement="start" justify="end">Label</ion-checkbox>
          `,
           config
         );
@@ -39,7 +69,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a space between justification with label in the start position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="start" justify="space-between" style="width: 200px">Label</ion-checkbox>
+           <ion-checkbox label-placement="start" justify="space-between">Label</ion-checkbox>
          `,
           config
         );
@@ -51,7 +81,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should truncate long labels with ellipses', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="start" justify="start" style="width: 200px">
+           <ion-checkbox label-placement="start" justify="start">
              Long Label Long Label Long Label Long Label Long Label Long Label
            </ion-checkbox>
          `,
@@ -59,7 +89,7 @@ configs().forEach(({ title, screenshot, config }) => {
         );
 
         const checkbox = page.locator('ion-checkbox');
-        await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-long-label`));
+        await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-start-justify-start-long-label`));
       });
     });
 
@@ -67,7 +97,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a start justification with label in the end position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="end" justify="start" style="width: 200px">Label</ion-checkbox>
+           <ion-checkbox label-placement="end" justify="start">Label</ion-checkbox>
          `,
           config
         );
@@ -79,7 +109,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render an end justification with label in the end position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="end" justify="end" style="width: 200px">Label</ion-checkbox>
+           <ion-checkbox label-placement="end" justify="end">Label</ion-checkbox>
          `,
           config
         );
@@ -91,7 +121,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a space between justification with label in the end position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="end" justify="space-between" style="width: 200px">Label</ion-checkbox>
+           <ion-checkbox label-placement="end" justify="space-between">Label</ion-checkbox>
          `,
           config
         );
@@ -105,7 +135,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a start justification with label in the fixed position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="fixed" justify="start" style="width: 200px">This is a long label</ion-checkbox>
+           <ion-checkbox label-placement="fixed" justify="start">This is a long label</ion-checkbox>
          `,
           config
         );
@@ -117,7 +147,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render an end justification with label in the fixed position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="fixed" justify="end" style="width: 200px">This is a long label</ion-checkbox>
+           <ion-checkbox label-placement="fixed" justify="end">This is a long label</ion-checkbox>
          `,
           config
         );
@@ -129,7 +159,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a space between justification with label in the fixed position', async ({ page }) => {
         await page.setContent(
           `
-           <ion-checkbox label-placement="fixed" justify="space-between" style="width: 200px">This is a long label</ion-checkbox>
+           <ion-checkbox label-placement="fixed" justify="space-between">This is a long label</ion-checkbox>
          `,
           config
         );
@@ -143,7 +173,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should align the label to the start of the container in the stacked position', async ({ page }) => {
         await page.setContent(
           `
-            <ion-checkbox label-placement="stacked" alignment="start" style="width: 200px">This is a long label</ion-checkbox>
+            <ion-checkbox label-placement="stacked" alignment="start">This is a long label</ion-checkbox>
           `,
           config
         );
@@ -155,7 +185,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should align the label to the center of the container in the stacked position', async ({ page }) => {
         await page.setContent(
           `
-            <ion-checkbox label-placement="stacked" alignment="center" style="width: 200px">This is a long label</ion-checkbox>
+            <ion-checkbox label-placement="stacked" alignment="center">This is a long label</ion-checkbox>
           `,
           config
         );
@@ -172,7 +202,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config, screen
     test('long label should truncate', async ({ page }) => {
       await page.setContent(
         `
-          <ion-checkbox label-placement="stacked" alignment="start" style="width: 200px">Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications</ion-checkbox>
+          <ion-checkbox label-placement="stacked" alignment="start">Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications</ion-checkbox>
         `,
         config
       );
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png
index f0040c2ab82..82864470f07 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png
index 05e0789d800..5ccdfd17a16 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png
index 4181641c9ee..4ada666d61e 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 94bf32920ce..ead082f23ea 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 4ec1f76b7ef..15eaeea9df3 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png
index ae5391df877..ef36a8700a7 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png
index 04aa2ebabf0..33ea31474c3 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png
index 947c7a3ccc3..e8f2588fec0 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png
index 50db14ab8d9..a03a89e7d5f 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png
index 686b2993d51..d11aedb2b7f 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png
index 70921c3315d..ceee8197e96 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png
index 317fbe225ac..4a4036d650e 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index 46b2ed9b7f2..132753f66bd 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index d26d2f0eb8e..e4d62aa562c 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index e69e59fda7b..cfa3d6c864b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index dd40732fcc7..39e676efad1 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index dfe14ce30e2..458738c59ad 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index c5630922901..097961d6e9b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 57aa80e05b0..b90cf3ec9ef 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 6fb551fdb72..5ab61a580af 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png
index fa55d17548a..06cb1664bfc 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 64848e41f69..078dbb5e9f7 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index f9b237c4e77..c77e82db786 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 926b7cdd1fa..4958898e385 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png
index f81ed81fb38..7301b9975a2 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png
index e7cee19961d..5cbb03ba198 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png
index eab0348f031..a2979e35288 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png
index c1fe40f2213..46516058da3 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png
index 312783facbf..9d9eff4e589 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png
index d11bbfe0080..f97e423d35e 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png
index 51b3bf8d4a7..d0aa9ff8170 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png
index 0c84c9009dc..0f19667280b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png
index 6467f25a0aa..733846f8884 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png
index 9aa527c5c41..911f488ac0f 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png
index 59ad4149ec3..dee4504a6d2 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png
index 47d81555eba..9c4db9ebfcd 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-end-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 19e44d4d3c6..93b14497494 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png
index 8449ff8fae9..5161be945ad 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png
index 33303613b7b..d6d42b23fbe 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 496fa31882b..a0f8e36c34f 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 28c1372f417..cb463e464f7 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png
index 4d8813d6f57..d65c7fd8840 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png
index d16aa73eebb..786e1cc7a70 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png
index d89511927da..27a061f08fc 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png
index 1ed0700ad72..4c39a6ad284 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png
index 27a6c19126d..732fa681ced 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png
index 88b90469196..c8f6f7022be 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png
index 77f8cb787bb..cd180a4eeb1 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index 2454dbf3030..0e9c57dc40a 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index 5ed8180a1e6..c05ea19f9c8 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index 7bd0353cadd..4a360f218c2 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index 57daa582328..e3937a0cf94 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index a91260c65e2..71e047784e6 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 3d1b159f974..270c48ba9d0 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 889a362f917..0d97c660af4 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 8e4536f8719..534d5d13976 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png
index cd964ef510c..e39eba84c47 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 500813bea25..609860d4363 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index c6a3296c82b..9fda36b5803 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 170ee9ac872..857f74a0c8b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png
index ce4a3bfaf38..fc0e3310069 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 8d54ba9ab58..8e6bbeba19b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png
index 751a46b1d8d..b5112080f89 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png
index 10ee15e864d..e21d1855bcf 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png
index 0f0505a97bd..c8e7262d27a 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png
index 688e74d8197..7d73e4fc2b7 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png
index 2d23d6f3d7f..0d3a2f62f87 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png
index a89ecc5afe2..a09eb479cd6 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png
index 0cddc0fcfe7..8fa26c62a1b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png
index 53936388f17..a4ec028d835 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png
index 90c1634c59c..d8dcc86583b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png
index c6cd23aa02d..1ef9e22aa1c 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..39e676efad1
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..458738c59ad
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..097961d6e9b
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..132753f66bd
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..e4d62aa562c
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..cfa3d6c864b
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..078dbb5e9f7
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..c77e82db786
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..4958898e385
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..b90cf3ec9ef
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..5ab61a580af
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..06cb1664bfc
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-full-width-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..3881a7e4566
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..ef04f95f775
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..d0129008d78
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..9ca5b82e81f
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..a778934bcc6
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..da0a96940ed
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..f65669168d6
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..9354830d713
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..b235ba19154
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..070b1194124
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..e5ee44054ca
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..3e53e1fcae2
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png
index 741e916f59c..7700d3a9c1a 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png
index d9a214f812a..ec821b61fbe 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png
index 541c95196ba..beeda2f4287 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png
index 741e916f59c..7700d3a9c1a 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png
index d9a214f812a..ec821b61fbe 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png
index 541c95196ba..beeda2f4287 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png
index 74c5612c59c..09967f5a78d 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png
index fc9a7cfd157..6ad8c6d4906 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png
index 41e659cd182..9b16022e87a 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png
index 74c5612c59c..09967f5a78d 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png
index fc9a7cfd157..6ad8c6d4906 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png
index 41e659cd182..9b16022e87a 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png
index 2c8b1d84bba..1df6e867470 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png
index 05a685bef71..1a458ef4615 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png
index c7bfe182188..d28bcc86371 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png
index a235c4f2a9e..4c986cd929b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png
index 99b7b4ecc6a..e77ad79e976 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png
index 6fc4692e276..c2dbca8b1cd 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png
index 32eff190033..b28f83a826b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png
index 843211532af..a56bcda5a19 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png
index 411b008fe32..69d7f6f13ce 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png
index 76646231d22..b104ba8c673 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png
index e54f1ecc7dc..bf4609f03a1 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png
index 6bbdc62744a..020e0542910 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png
index 6386d195a28..02c291ac163 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png
index 568f11a6570..669e6b3ac60 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png
index 8345f0a2369..9db6a27cd10 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png
index c1fe40f2213..46516058da3 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png
index 312783facbf..9d9eff4e589 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png
index d11bbfe0080..f97e423d35e 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png
index f81ed81fb38..7301b9975a2 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png
index e7cee19961d..5cbb03ba198 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png
index eab0348f031..a2979e35288 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png
index 9aa527c5c41..911f488ac0f 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png
index 59ad4149ec3..dee4504a6d2 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png
index 47d81555eba..9c4db9ebfcd 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png
index 51b3bf8d4a7..d0aa9ff8170 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png
index 0c84c9009dc..0f19667280b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png
index 6467f25a0aa..733846f8884 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index dd40732fcc7..39e676efad1 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index dfe14ce30e2..458738c59ad 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index c5630922901..097961d6e9b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index 46b2ed9b7f2..132753f66bd 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index d26d2f0eb8e..e4d62aa562c 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index e69e59fda7b..cfa3d6c864b 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 64848e41f69..078dbb5e9f7 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index f9b237c4e77..c77e82db786 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png
index 926b7cdd1fa..4958898e385 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 57aa80e05b0..b90cf3ec9ef 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 6fb551fdb72..5ab61a580af 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png
index fa55d17548a..06cb1664bfc 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png
index 8a1ce42aa08..ead082f23ea 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 4ec1f76b7ef..15eaeea9df3 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png
index ae5391df877..ef36a8700a7 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png
index f0040c2ab82..82864470f07 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png
index 05e0789d800..5ccdfd17a16 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png
index 4181641c9ee..4ada666d61e 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..3881a7e4566
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..ef04f95f775
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..d0129008d78
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..9ca5b82e81f
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..a778934bcc6
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..da0a96940ed
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..f65669168d6
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..9354830d713
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..b235ba19154
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..070b1194124
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..e5ee44054ca
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..3e53e1fcae2
Binary files /dev/null and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png
index 686b2993d51..d11aedb2b7f 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png
index 70921c3315d..ceee8197e96 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png
index 317fbe225ac..4a4036d650e 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png
index 04aa2ebabf0..33ea31474c3 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png
index 947c7a3ccc3..e8f2588fec0 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png
index 50db14ab8d9..a03a89e7d5f 100644
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-start-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 6c3130484c7..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index 1f0de721e00..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index 1e54ba5bd12..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index 353978607fb..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index 7d021484d8f..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index 38a8ade0d0b..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-ios-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Chrome-linux.png
deleted file mode 100644
index 7f7c0b81d5d..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Firefox-linux.png
deleted file mode 100644
index c2cb417f19e..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Safari-linux.png
deleted file mode 100644
index d4dc3125c8d..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-ltr-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Chrome-linux.png
deleted file mode 100644
index a13c086ea70..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Firefox-linux.png
deleted file mode 100644
index ece7acacc85..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Safari-linux.png
deleted file mode 100644
index dfbf05dea99..00000000000
Binary files a/core/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-long-label-md-rtl-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/checkbox/test/label/index.html b/core/src/components/checkbox/test/label/index.html
index 7efe2bca31b..1976816662f 100644
--- a/core/src/components/checkbox/test/label/index.html
+++ b/core/src/components/checkbox/test/label/index.html
@@ -35,10 +35,6 @@
           padding: 0;
         }
       }
-
-      ion-checkbox {
-        width: 100%;
-      }
     </style>
   </head>
 
diff --git a/core/src/components/radio/radio.scss b/core/src/components/radio/radio.scss
index 79eb4850c36..8f875811e88 100644
--- a/core/src/components/radio/radio.scss
+++ b/core/src/components/radio/radio.scss
@@ -90,6 +90,7 @@ input {
   flex-grow: 1;
 
   align-items: center;
+  justify-content: space-between;
 
   height: inherit;
 
@@ -165,6 +166,20 @@ input {
   align-items: center;
 }
 
+// Justify Content & Align Items
+// ---------------------------------------------
+
+// The radio should be displayed as block when either justify
+// or alignment is set; otherwise, these properties will have no
+// visible effect.
+:host(.radio-justify-space-between),
+:host(.radio-justify-start),
+:host(.radio-justify-end),
+:host(.radio-alignment-start),
+:host(.radio-alignment-center) {
+  display: block;
+}
+
 // Radio Label Placement - Start
 // ----------------------------------------------------------------
 
diff --git a/core/src/components/radio/radio.tsx b/core/src/components/radio/radio.tsx
index 05fdfb0603d..e037d110f95 100644
--- a/core/src/components/radio/radio.tsx
+++ b/core/src/components/radio/radio.tsx
@@ -90,15 +90,17 @@ export class Radio implements ComponentInterface {
    * on the left in RTL.
    * `"space-between"`: The label and radio will appear on opposite
    * ends of the line with space between the two elements.
+   * Setting this property will change the radio `display` to `block`.
    */
-  @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';
+  @Prop() justify?: 'start' | 'end' | 'space-between';
 
   /**
    * How to control the alignment of the radio and label on the cross axis.
    * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
    * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+   * Setting this property will change the radio `display` to `block`.
    */
-  @Prop() alignment: 'start' | 'center' = 'center';
+  @Prop() alignment?: 'start' | 'center';
 
   /**
    * Emitted when the radio button has focus.
@@ -223,8 +225,8 @@ export class Radio implements ComponentInterface {
           'in-item': inItem,
           'radio-checked': checked,
           'radio-disabled': disabled,
-          [`radio-justify-${justify}`]: true,
-          [`radio-alignment-${alignment}`]: true,
+          [`radio-justify-${justify}`]: justify !== undefined,
+          [`radio-alignment-${alignment}`]: alignment !== undefined,
           [`radio-label-placement-${labelPlacement}`]: true,
           // Focus and active styling should not apply when the radio is in an item
           'ion-activatable': !inItem,
diff --git a/core/src/components/radio/test/basic/index.html b/core/src/components/radio/test/basic/index.html
index 2676076bfd9..0b98bbfda51 100644
--- a/core/src/components/radio/test/basic/index.html
+++ b/core/src/components/radio/test/basic/index.html
@@ -15,9 +15,12 @@
 
     <style>
       ion-radio {
-        display: block;
         margin-bottom: 8px;
       }
+
+      hr {
+        background: #ddd;
+      }
     </style>
   </head>
 
@@ -31,17 +34,28 @@
 
       <ion-content class="ion-padding">
         <div id="radios">
-          <ion-radio-group>
-            <ion-radio value="radio" justify="start" label-placement="end">Unchecked</ion-radio>
-          </ion-radio-group>
+          <ion-radio-group> <ion-radio value="radio" label-placement="end">Unchecked</ion-radio> </ion-radio-group
+          ><br />
           <ion-radio-group value="radio">
-            <ion-radio value="radio" justify="start" label-placement="end">Checked</ion-radio>
-          </ion-radio-group>
+            <ion-radio value="radio" label-placement="end">Checked</ion-radio> </ion-radio-group
+          ><br />
           <ion-radio-group>
-            <ion-radio value="radio" justify="start" label-placement="end" disabled>Disabled</ion-radio>
-          </ion-radio-group>
+            <ion-radio value="radio" label-placement="end" disabled>Disabled</ion-radio> </ion-radio-group
+          ><br />
+          <ion-radio-group value="radio">
+            <ion-radio value="radio" label-placement="end" disabled>Disabled, Checked</ion-radio> </ion-radio-group
+          ><br />
+
+          <hr />
+
+          <ion-radio-group value="radio"> <ion-radio value="radio">Default width</ion-radio> </ion-radio-group><br />
+
+          <ion-radio-group value="radio">
+            <ion-radio value="radio" style="width: 200px">Specified width </ion-radio> </ion-radio-group
+          ><br />
+
           <ion-radio-group value="radio">
-            <ion-radio value="radio" justify="start" label-placement="end" disabled>Disabled, Checked</ion-radio>
+            <ion-radio value="radio" style="width: 100%">Full-width </ion-radio>
           </ion-radio-group>
         </div>
       </ion-content>
diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png
index 57174a88448..30f3fa8a2a4 100644
Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png
index bb6f641d95a..9d874295dd9 100644
Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png
index 77f5dbb8165..88c81185bd4 100644
Binary files a/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/item/radio.e2e.ts-snapshots/radio-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/index.html b/core/src/components/radio/test/label-placement/index.html
index 458a35d7086..0e469f065d5 100644
--- a/core/src/components/radio/test/label-placement/index.html
+++ b/core/src/components/radio/test/label-placement/index.html
@@ -35,10 +35,6 @@
           padding: 0;
         }
       }
-
-      ion-radio {
-        width: 100%;
-      }
     </style>
   </head>
 
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts b/core/src/components/radio/test/label-placement/radio.e2e.ts
index 930565552cf..74736fade5b 100644
--- a/core/src/components/radio/test/label-placement/radio.e2e.ts
+++ b/core/src/components/radio/test/label-placement/radio.e2e.ts
@@ -2,22 +2,55 @@ import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
 /**
- * By default ion-radio only takes up
- * as much space as it needs. Justification is
- * used for when the radio takes up the full
- * line (such as in an ion-item). As a result,
- * we set the width of the radio so we can
- * see the justification results.
+ * By default ion-radio only takes up as much space
+ * as it needs. Justification is used for when the
+ * radio should take up the full line (such as in an
+ * ion-item or when it has 100% width).
  */
-
 configs().forEach(({ title, screenshot, config }) => {
   test.describe(title('radio: label'), () => {
+    test.describe('radio: default placement', () => {
+      test('should render a space between justification with a full width radio', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-radio-group value="1">
+            <ion-radio value="1" style="width: 100%">
+              Label
+            </ion-radio>
+           </ion-radio-group>
+         `,
+          config
+        );
+
+        const radio = page.locator('ion-radio');
+        await expect(radio).toHaveScreenshot(screenshot(`radio-label-full-width`));
+      });
+
+      test('should truncate long labels with ellipses', async ({ page }) => {
+        // radio needs to be full width to truncate properly
+        // because it is not inside of an `ion-app` in tests
+        await page.setContent(
+          `
+          <ion-radio-group value="1">
+            <ion-radio value="1" style="width: 100%">
+              Long Label Long Label Long Label Long Label Long Label Long Label
+            </ion-radio>
+           </ion-radio-group>
+         `,
+          config
+        );
+
+        const radio = page.locator('ion-radio');
+        await expect(radio).toHaveScreenshot(screenshot(`radio-label-long-label`));
+      });
+    });
+
     test.describe('radio: start placement', () => {
       test('should render a start justification with label in the start position', async ({ page }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="start" justify="start" style="width: 200px" value="1">Label</ion-radio>
+             <ion-radio label-placement="start" justify="start" value="1">Label</ion-radio>
            </ion-radio-group>
            `,
           config
@@ -30,7 +63,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="start" justify="end" style="width: 200px" value="1">Label</ion-radio>
+             <ion-radio label-placement="start" justify="end" value="1">Label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -43,7 +76,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="start" justify="space-between" style="width: 200px" value="1">Label</ion-radio>
+             <ion-radio label-placement="start" justify="space-between" value="1">Label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -52,6 +85,22 @@ configs().forEach(({ title, screenshot, config }) => {
         const radio = page.locator('ion-radio');
         await expect(radio).toHaveScreenshot(screenshot(`radio-label-start-justify-space-between`));
       });
+
+      test('should truncate long labels with ellipses', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-radio-group value="1">
+            <ion-radio value="1" label-placement="start" justify="start">
+              Long Label Long Label Long Label Long Label Long Label Long Label
+            </ion-radio>
+           </ion-radio-group>
+         `,
+          config
+        );
+
+        const radio = page.locator('ion-radio');
+        await expect(radio).toHaveScreenshot(screenshot(`radio-label-start-justify-start-long-label`));
+      });
     });
 
     test.describe('radio: end placement', () => {
@@ -59,7 +108,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="end" justify="start" style="width: 200px" value="1">Label</ion-radio>
+             <ion-radio label-placement="end" justify="start" value="1">Label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -72,7 +121,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="end" justify="end" style="width: 200px" value="1">Label</ion-radio>
+             <ion-radio label-placement="end" justify="end" value="1">Label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -85,7 +134,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="end" justify="space-between" style="width: 200px" value="1">Label</ion-radio>
+             <ion-radio label-placement="end" justify="space-between" value="1">Label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -101,7 +150,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="fixed" justify="start" style="width: 200px" value="1">This is a long label</ion-radio>
+             <ion-radio label-placement="fixed" justify="start" value="1">This is a long label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -114,7 +163,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="fixed" justify="end" style="width: 200px" value="1">This is a long label</ion-radio>
+             <ion-radio label-placement="fixed" justify="end" value="1">This is a long label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -127,7 +176,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
            <ion-radio-group value="1">
-             <ion-radio label-placement="fixed" justify="space-between" style="width: 200px" value="1">This is a long label</ion-radio>
+             <ion-radio label-placement="fixed" justify="space-between" value="1">This is a long label</ion-radio>
            </ion-radio-group>
          `,
           config
@@ -142,7 +191,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
             <ion-radio-group value="1">
-              <ion-radio label-placement="stacked" alignment="start" style="width: 200px" value="1">This is a long label</ion-radio>
+              <ion-radio label-placement="stacked" alignment="start" value="1">This is a long label</ion-radio>
             </ion-radio-group>
           `,
           config
@@ -156,7 +205,7 @@ configs().forEach(({ title, screenshot, config }) => {
         await page.setContent(
           `
             <ion-radio-group value="1">
-              <ion-radio label-placement="stacked" alignment="center" style="width: 200px" value="1">This is a long label</ion-radio>
+              <ion-radio label-placement="stacked" alignment="center" value="1">This is a long label</ion-radio>
             </ion-radio-group>
           `,
           config
@@ -174,7 +223,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config, screen
     test('long label should truncate', async ({ page }) => {
       await page.setContent(
         `
-          <ion-radio label-placement="stacked" alignment="start" style="width: 200px">Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications</ion-radio>
+          <ion-radio label-placement="stacked" alignment="start">Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications</ion-radio>
         `,
         config
       );
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png
index f1a7b4577fa..ef315ee1f3c 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png
index d5712f5f028..f2ccf318d1e 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png
index 94a7a65004b..b61dd70d532 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png
index e0af9a6fdec..6e1e11ab69c 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 08939da1996..de2f0d54b74 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png
index 1034f760e06..18239cc6575 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png
index e5be1b81330..3f1fefe81fe 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png
index 3636f877c04..5b988a879ac 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Safari-linux.png
index 0aae98b4b06..28037acc4f1 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png
index cbfb0a1a8ed..48d0027a37f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png
index f26854e58ac..7fd56ea30b9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Safari-linux.png
index 6f61e240393..08e44dafc3f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index a85455df87a..3fb8ef80354 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index 43c54821bb6..1d17b0fd786 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index 36934c8e334..97642dcfdb8 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index c748ae07e0c..2df8b4a7bce 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index da3fa1ab24a..4cacdaaabe9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 2737d8ad782..e974c69b65f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 731b9b6732c..4fe33ed206d 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 8ed20ae353f..a7a750f5961 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png
index 11e16b980d3..dc960a86ed4 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 9e908f98720..a11e909aa1b 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 9e9740d6fe2..a83e1748ac8 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 1e7702c6620..a2475a82ae6 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png
index 2d691de77c7..05914270a13 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 3e9d01bfcd0..24d57a63dee 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png
index a3da745e9c6..fb5c8f515e8 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png
index 525ac9d8254..621f99a7468 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png
index a2c8b6de97f..1353a4a4648 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png
index 4a0845827a9..8237bec4640 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png
index 4e3774a0b8d..75fed490572 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png
index 47915d0ac65..87e28b89324 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Safari-linux.png
index 50734e8c314..2aa2903817f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png
index a260d96ff6b..2f66d1fa255 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png
index c53ec249071..5019402c9c9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Safari-linux.png
index 830cb7b76e4..17529a235d3 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-end-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 3556dddba0e..4f78f2ea434 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png
index 87598890ae5..1ce228996b5 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png
index dfc154db893..6b92e388860 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 4c0b3726f00..8bbd563c3a1 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 9e7ffabd24b..d65deaf3e2f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png
index 9805fb6b754..ff96d42fb58 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png
index b78394b94fa..cd28478ea88 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png
index c30da94dc53..216596bc903 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png
index ad3d0304023..e390656a341 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png
index efdafbdb50b..f04035d63df 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png
index d418cfbf163..422a9d5064d 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png
index 6c36428991a..81d77bb77c2 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index a0aec948d94..4538f87b44b 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index 4ee901945ae..554236e00ac 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index e832b403450..cda8c1ede4b 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index 04867c3934e..01ddf4ade9c 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index ba0bdc9b6f9..a5f6eba8600 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 25c4062cfbd..701e0fb919d 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 001bfc591ad..bff2e13bb9f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 692a1b543f0..b32c322abe4 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png
index cdc23db1ced..03e36b3c1b5 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index dfd14097f80..182f707367c 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 08904b3d399..72291f23bc6 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 92645836782..f49823ed413 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png
index f1b8a265ea1..98a9e066b05 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 3a653295f71..ef13938e13b 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png
index 44e2545aaa0..62b5cdd7686 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png
index 806c91bdb11..86411dc0bfd 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png
index 57073f95e8f..2044b7d8565 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png
index 2972b77589a..5c0e4b5b7b0 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png
index d1c80e8bfb3..455a6ef502f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png
index 0949cdd2c85..68956667d98 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png
index 240a4da2be4..60e6530955e 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png
index 254d41889c9..47f99fdbe1b 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png
index 7f5cadd8f76..565b0e7beb2 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png
index 7e373f2993b..5fbc16a4df6 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..2df8b4a7bce
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..4cacdaaabe9
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..e974c69b65f
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..3fb8ef80354
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..1d17b0fd786
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..97642dcfdb8
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..a11e909aa1b
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..a83e1748ac8
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..a2475a82ae6
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..4fe33ed206d
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..a7a750f5961
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..dc960a86ed4
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-full-width-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..a20286cd7d0
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..e603136afda
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..3152e306f44
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..df024403d7d
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..c34d65247b7
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..6b32fe31940
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..54c2443ada5
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..c01c77e365e
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..4142c518428
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..06ef089dd62
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..2de00d2abf5
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..ca548927b8c
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png
index f2ffb02f7f8..3d4f2157521 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png
index 4422381e0b9..8ed3ede618e 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png
index 363d1e54a72..53079321d51 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png
index f2ffb02f7f8..3d4f2157521 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png
index 4422381e0b9..8ed3ede618e 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png
index 363d1e54a72..53079321d51 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png
index 8b7fe2423e1..295b8801e35 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png
index a22887821e3..0aeccd647be 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png
index 105052f3471..e7b335c9ba0 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png
index 8b7fe2423e1..295b8801e35 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png
index a22887821e3..0aeccd647be 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png
index 105052f3471..e7b335c9ba0 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png
index f0a65b5059a..9f831b30b38 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png
index 2eac222e793..c96a267c0f5 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png
index 4456f3ff924..950d29e5aa9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png
index 41a9da1f473..6c3fbebaaf9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png
index 0135e5c634e..1fae6b06181 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png
index 7fe31fc324f..777ebfeb1bf 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png
index de20515e0ec..a4afbdc1a61 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png
index 311094c9d73..3ee1a038f33 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png
index 068470f4782..caf3e9d3d02 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png
index 319560c1919..a7c6ad6f5b0 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png
index 866c407f621..e0dab1e5407 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png
index 6b6b697343f..67962dc8fa7 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png
index a02e32a4932..37d0e9f3b45 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png
index 69f3ecd2b61..fc6165a2e91 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png
index 15a8006da8b..3eb1ebac218 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 525ac9d8254..621f99a7468 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png
index a2c8b6de97f..1353a4a4648 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png
index 4a0845827a9..8237bec4640 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 2d691de77c7..05914270a13 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 3e9d01bfcd0..24d57a63dee 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png
index a3da745e9c6..fb5c8f515e8 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png
index a260d96ff6b..2f66d1fa255 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png
index c53ec249071..5019402c9c9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Safari-linux.png
index 830cb7b76e4..17529a235d3 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png
index 4e3774a0b8d..75fed490572 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png
index 47915d0ac65..87e28b89324 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Safari-linux.png
index 50734e8c314..2aa2903817f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index c748ae07e0c..2df8b4a7bce 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index da3fa1ab24a..4cacdaaabe9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index 2737d8ad782..e974c69b65f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index a85455df87a..3fb8ef80354 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index 43c54821bb6..1d17b0fd786 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 36934c8e334..97642dcfdb8 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 9e908f98720..a11e909aa1b 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 9e9740d6fe2..a83e1748ac8 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png
index 1e7702c6620..a2475a82ae6 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 731b9b6732c..4fe33ed206d 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 8ed20ae353f..a7a750f5961 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 11e16b980d3..dc960a86ed4 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png
index ba421dfd2e4..6e1e11ab69c 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 08939da1996..de2f0d54b74 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png
index 1034f760e06..18239cc6575 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png
index f1a7b4577fa..ef315ee1f3c 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png
index d5712f5f028..f2ccf318d1e 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png
index 94a7a65004b..b61dd70d532 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..a20286cd7d0
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..e603136afda
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..3152e306f44
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..df024403d7d
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..c34d65247b7
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..6b32fe31940
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..54c2443ada5
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..c01c77e365e
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..4142c518428
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..06ef089dd62
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..2de00d2abf5
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..ca548927b8c
Binary files /dev/null and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png
index d2e074c83dc..48d0027a37f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png
index f26854e58ac..7fd56ea30b9 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Safari-linux.png
index 6f61e240393..08e44dafc3f 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png
index e5be1b81330..3f1fefe81fe 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png
index 3636f877c04..5b988a879ac 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Safari-linux.png
index 0aae98b4b06..28037acc4f1 100644
Binary files a/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/radio/test/label-placement/radio.e2e.ts-snapshots/radio-label-start-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index b11eb27c03e..8b12f01ec1c 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -203,6 +203,7 @@ button {
   flex-grow: 1;
 
   align-items: center;
+  justify-content: space-between;
 
   height: inherit;
 
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 9245e3f9abb..bdd8cc0b2e5 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -125,7 +125,7 @@ export class Select implements ComponentInterface {
    * `"space-between"`: The label and select will appear on opposite
    * ends of the line with space between the two elements.
    */
-  @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';
+  @Prop() justify?: 'start' | 'end' | 'space-between';
 
   /**
    * The visible label associated with the select.
@@ -942,7 +942,7 @@ export class Select implements ComponentInterface {
       this;
     const mode = getIonMode(this);
     const hasFloatingOrStackedLabel = labelPlacement === 'floating' || labelPlacement === 'stacked';
-    const justifyEnabled = !hasFloatingOrStackedLabel;
+    const justifyEnabled = !hasFloatingOrStackedLabel && justify !== undefined;
     const rtl = isRTL(el) ? 'rtl' : 'ltr';
     const inItem = hostContext('ion-item', this.el);
     const shouldRenderHighlight = mode === 'md' && fill !== 'outline' && !inItem;
diff --git a/core/src/components/select/test/label/select.e2e.ts b/core/src/components/select/test/label/select.e2e.ts
index 6bde6f2873b..4999268e4f7 100644
--- a/core/src/components/select/test/label/select.e2e.ts
+++ b/core/src/components/select/test/label/select.e2e.ts
@@ -2,21 +2,44 @@ import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
 /**
- * By default ion-select only takes up
- * as much space as it needs. Justification is
- * used for when the select takes up the full
- * line (such as in an ion-item). As a result,
- * we set the width of the select so we can
- * see the justification results.
+ * By default ion-select takes up the full width
+ * of its container. The justify property can be
+ * used to change the alignment of the select
+ * within the container.
  */
 configs().forEach(({ title, screenshot, config }) => {
   test.describe(title('select: label'), () => {
+    test.describe('select: default placement', () => {
+      test('should render a space between justification with a default select', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select label="Label" placeholder="Select an Item"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-label-default`));
+      });
+
+      test('should truncate long labels with ellipses', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select label="Long Label Long Label Long Label Long Label Long Label Long Label" placeholder="Select an Item"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-label-long-label`));
+      });
+    });
+
     test.describe('select: start placement', () => {
       test('should render a start justification with label in the start position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="start" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="start"></ion-select>
          `,
           config
         );
@@ -27,8 +50,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render an end justification with label in the start position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="end" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="end"></ion-select>
          `,
           config
         );
@@ -39,8 +61,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a space between justification with label in the start position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="space-between" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="start" justify="space-between"></ion-select>
          `,
           config
         );
@@ -48,14 +69,25 @@ configs().forEach(({ title, screenshot, config }) => {
         const select = page.locator('ion-select');
         await expect(select).toHaveScreenshot(screenshot(`select-label-start-justify-space-between`));
       });
+
+      test('should truncate long labels with ellipses', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-select label="Long Label Long Label Long Label Long Label Long Label Long Label" placeholder="Select an Item" label-placement="start" justify="start"></ion-select>
+         `,
+          config
+        );
+
+        const select = page.locator('ion-select');
+        await expect(select).toHaveScreenshot(screenshot(`select-label-start-justify-start-long-label`));
+      });
     });
 
     test.describe('select: end placement', () => {
       test('should render a start justification with label in the end position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="start" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="start"></ion-select>
          `,
           config
         );
@@ -66,8 +98,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render an end justification with label in the end position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="end" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="end"></ion-select>
          `,
           config
         );
@@ -78,8 +109,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a space between justification with label in the end position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="space-between" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="end" justify="space-between"></ion-select>
          `,
           config
         );
@@ -93,8 +123,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a start justification with label in the fixed position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="start" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="start"></ion-select>
          `,
           config
         );
@@ -105,8 +134,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render an end justification with label in the fixed position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="end" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="end"></ion-select>
          `,
           config
         );
@@ -117,8 +145,7 @@ configs().forEach(({ title, screenshot, config }) => {
       test('should render a space between justification with label in the fixed position', async ({ page }) => {
         await page.setContent(
           `
-
-           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="space-between" style="width: 200px"></ion-select>
+           <ion-select label="Label" placeholder="Select an Item" label-placement="fixed" justify="space-between"></ion-select>
          `,
           config
         );
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..979a18aaac6
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..0328c9d2b8a
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..294dea1d95c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..564013fd3ea
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..924ba959b04
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..db210df9dd1
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..07420e43e50
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..fc228816ce5
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..333f242cd9e
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..9ae30453cd3
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..003058c3b0f
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..3a5b21b3766
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-default-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 9bd8e7cecf1..5fcd563bdaa 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png
index aadb0b8d616..5e57c3ae669 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png
index ee31e49993f..79e9dd0270f 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 628c96459ed..fdf9f2aacec 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 1bc72e7a9a4..0a51e9c4ac8 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png
index f9e47640f84..98cc2782ce1 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png
index 78666ce75a0..92f711fca30 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png
index 46e89103b8b..c7c28b55b2d 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png
index 9fe82b6cecb..40537e18a1f 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png
index b10fd2e5a64..98f06764298 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png
index 1f1befaa108..a82024cd0ce 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png
index 8c4dbaa19d4..c4788b428a4 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index 03ff9cb0cde..12a79370ae8 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index 087e7622823..a3172dc7fea 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index 7cb48b7d2fa..2676c76714b 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index ee27a1858b8..7925b59b74e 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index 599de677b08..158055e6e69 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index d4b0c3641ed..ec602b1213d 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 4736e9ab000..8ea287ffa5d 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 04995ad532c..d7cc2bb6918 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png
index ac8d71c6c7b..d7c683f3eee 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 31898a33f31..2f82b25a9c8 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 380bbc51f72..05e70faa943 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 0d46e73bfc8..64640f975e0 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png
index cae449708d6..ae59a9c3b8f 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png
index b895fb58900..5424e35da18 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png
index 4f22f87a8a3..a1d621ae425 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png
index 41ffaa8ab0b..1c5434e7b8d 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png
index 5002e763f3a..636b5bc6674 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png
index f168f7645a7..6f52a2e8bf7 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png
index 861b64f1375..43c0de96da8 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png
index 2f8210d1975..45b72d3ab79 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png
index d37b189975e..f2901e01b4a 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png
index fe0cdeb6f45..d1886353089 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png
index 414f2950cdc..a40c483f2e9 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png
index 1603b062fe3..b25ef4852a7 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-end-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 060d933cc14..90c6bf13c1b 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png
index b586a7bf237..fe9253f6408 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png
index d72a3fe4e00..e5bc5a34591 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 3e1688f06a6..99c082b05a8 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png
index fab4044c2cc..09ab7399d00 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png
index 8a41e8f1179..f527963cbc1 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png
index 52398d87cd9..ee3f2f6325f 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png
index 1fa80f5bf3e..e7e9e7c0631 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png
index 64d929b8737..b868b67c423 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png
index dd43ead9a0e..b20c155b5fa 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png
index 70f5f510595..b19dc884388 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png
index 5fc297c0b7a..ba866e7f6e3 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index 060d933cc14..979a18aaac6 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index b586a7bf237..0328c9d2b8a 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index d72a3fe4e00..294dea1d95c 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index 3e1688f06a6..564013fd3ea 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index fab4044c2cc..924ba959b04 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 8a41e8f1179..db210df9dd1 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 52398d87cd9..07420e43e50 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 1fa80f5bf3e..fc228816ce5 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png
index 64d929b8737..333f242cd9e 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index dd43ead9a0e..9ae30453cd3 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 70f5f510595..003058c3b0f 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 5fc297c0b7a..3a5b21b3766 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png
index 060d933cc14..72e02216a29 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png
index b586a7bf237..5d56d949fc0 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png
index d72a3fe4e00..e2b12a18493 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png
index 3e1688f06a6..43e48a50c8e 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png
index fab4044c2cc..41d531dd52d 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png
index 8a41e8f1179..cfe955c8eb3 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png
index 52398d87cd9..bce3dfcc805 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png
index 1fa80f5bf3e..46d2eb7b749 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png
index 64d929b8737..f05dbe6ddce 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png
index dd43ead9a0e..1004f3f0429 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png
index 70f5f510595..d8afa8f6bef 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png
index 5fc297c0b7a..465b444fcab 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..3d71dce3911
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..b7690172d08
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..7107ff2c6ed
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..9b18056e844
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..2b1bc635aa1
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..6bdf82814fc
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..c64cad9c3ee
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..3298cc33850
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..95cc9a067ba
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..ce8b51a1022
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..e381e057e6c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..8ee433abb7d
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 044edf8bdeb..dd11d2a6d13 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png
index 0c8858ab664..3be9c12707e 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png
index 70ef0702caa..ba049f78bd1 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png
index abd44e5cf7e..0738cf6ace6 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 5dd8c903def..73333c87cef 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png
index ca929728a74..b376a2569c7 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png
index e28d1ed8b95..38c30714bc4 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png
index 196a20b673f..9ce4d7c19ec 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png
index b8ab3aa5d2f..d4eb1188f2e 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png
index a1306a282e7..1887d41bc98 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png
index 297c488136a..c77a79f0be9 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png
index 25aaf047bd7..f29cfda4389 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index 08119eda478..979a18aaac6 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index ea70817d7e4..0328c9d2b8a 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index 2c7fb2dbbcf..294dea1d95c 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index 475ec54c63b..564013fd3ea 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index c8599dcdce2..924ba959b04 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 0c647ceb651..db210df9dd1 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 38e6b9e042f..07420e43e50 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index d0468713d88..fc228816ce5 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png
index 97f87db7a8a..333f242cd9e 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index a5da56da4d7..9ae30453cd3 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index dfdacff8818..003058c3b0f 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 714d9101f9b..3a5b21b3766 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png
index 5b7b90f8073..b429932d08b 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 5645d9edff2..77ebbfaa882 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png
index e20e2b71205..d3bbea6fcc6 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png
index 1f21eac77ac..73061a30275 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png
index f6183ea666a..65bae79d11f 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png
index f16557ec56d..ffc59db5d5c 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..e213b5ee26a
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..d628747c878
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..243ada82d48
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..8e928057b51
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..66ded857964
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..cbc7212d92d
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..77058550af5
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..de5629b37c7
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..837533dd4bd
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..0317dec095c
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..b71abbcf331
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..83d27a70256
Binary files /dev/null and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png
index 7b8025f431b..25ccc8502d7 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png
index 03fd40f425c..d6d9bb549c2 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png
index 854aedf836d..1abbf5564c2 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png
index 1118be80fba..83fd857169c 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png
index 0ed9a51ca03..c00a1246430 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png
index 936c5ba02d7..2eb63f1d43c 100644
Binary files a/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/select/test/label/select.e2e.ts-snapshots/select-label-start-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/tabs/tabs.tsx b/core/src/components/tabs/tabs.tsx
index 5b744db1ad9..3eebb46d15b 100644
--- a/core/src/components/tabs/tabs.tsx
+++ b/core/src/components/tabs/tabs.tsx
@@ -43,7 +43,17 @@ export class Tabs implements NavOutlet {
 
   async componentWillLoad() {
     if (!this.useRouter) {
-      this.useRouter = !!document.querySelector('ion-router') && !this.el.closest('[no-router]');
+      /**
+       * JavaScript and StencilJS use `ion-router`, while
+       * the other frameworks use `ion-router-outlet`.
+       *
+       * If either component is present then tabs will not use
+       * a basic tab-based navigation. It will use the history
+       * stack or URL updates associated with the router.
+       */
+      this.useRouter =
+        (!!this.el.querySelector('ion-router-outlet') || !!document.querySelector('ion-router')) &&
+        !this.el.closest('[no-router]');
     }
     if (!this.useRouter) {
       const tabs = this.tabs;
diff --git a/core/src/components/toggle/test/basic/index.html b/core/src/components/toggle/test/basic/index.html
index 64d09702329..e8e286b7a73 100644
--- a/core/src/components/toggle/test/basic/index.html
+++ b/core/src/components/toggle/test/basic/index.html
@@ -12,6 +12,16 @@
     <script src="../../../../../scripts/testing/scripts.js"></script>
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+
+    <style>
+      ion-toggle {
+        margin-bottom: 8px;
+      }
+
+      hr {
+        background: #ddd;
+      }
+    </style>
   </head>
 
   <body>
@@ -19,18 +29,21 @@
       <ion-header>
         <ion-toolbar>
           <ion-title>Toggle - Basic</ion-title>
-          <ion-buttons slot="primary">
-            <ion-toggle aria-label="Enable Notifications"></ion-toggle>
-          </ion-buttons>
         </ion-toolbar>
       </ion-header>
 
       <ion-content class="ion-padding">
-        <ion-toggle
-          >Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications
-          Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable
-          Notifications</ion-toggle
-        >
+        <ion-toggle>Unchecked</ion-toggle><br />
+        <ion-toggle checked>Checked</ion-toggle><br />
+        <ion-toggle disabled>Disabled</ion-toggle><br />
+        <ion-toggle disabled checked>Disabled, Checked</ion-toggle><br />
+
+        <hr />
+
+        <ion-toggle> Default width </ion-toggle><br />
+        <ion-toggle style="width: 200px"> Specified width </ion-toggle><br />
+        <ion-toggle style="width: 100%"> Full-width </ion-toggle><br />
+        <ion-toggle> Long Label Long Label Long Label Long Label Long Label Long Label </ion-toggle><br />
       </ion-content>
     </ion-app>
   </body>
diff --git a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png
index 6720fa14c7e..7720362f1e0 100644
Binary files a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png
index 8f032ee8e15..78b4e46f641 100644
Binary files a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png
index dcf0253539e..9d9b6065b57 100644
Binary files a/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-stacked-label-in-item-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/index.html b/core/src/components/toggle/test/label/index.html
index 2c4a1062239..58a16688b5b 100644
--- a/core/src/components/toggle/test/label/index.html
+++ b/core/src/components/toggle/test/label/index.html
@@ -33,10 +33,6 @@
           padding: 0;
         }
       }
-
-      ion-toggle {
-        width: 100%;
-      }
     </style>
   </head>
 
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts b/core/src/components/toggle/test/label/toggle.e2e.ts
index 92c491853eb..517f8fcd6ab 100644
--- a/core/src/components/toggle/test/label/toggle.e2e.ts
+++ b/core/src/components/toggle/test/label/toggle.e2e.ts
@@ -2,154 +2,191 @@ import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
 /**
- * By default ion-toggle only takes up
- * as much space as it needs. Justification is
- * used for when the toggle takes up the full
- * line (such as in an ion-item). As a result,
- * we set the width of the toggle so we can
- * see the justification results.
+ * By default ion-toggle only takes up as much space
+ * as it needs. Justification is used for when the
+ * toggle should take up the full line (such as in an
+ * ion-item or when it has 100% width).
  */
 configs().forEach(({ title, screenshot, config }) => {
-  test.describe(title('toggle: start placement'), () => {
-    test('should render a start justification with label in the start position', async ({ page }) => {
-      await page.setContent(
-        `
-
-         <ion-toggle label-placement="start" justify="start" style="width: 200px">Label</ion-toggle>
-       `,
-        config
-      );
-
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-start`));
-    });
-    test('should render an end justification with label in the start position', async ({ page }) => {
-      await page.setContent(
-        `
-
-         <ion-toggle label-placement="start" justify="end" style="width: 200px">Label</ion-toggle>
-       `,
-        config
-      );
-
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-end`));
-    });
-    test('should render a space between justification with label in the start position', async ({ page }) => {
-      await page.setContent(
-        `
-
-         <ion-toggle label-placement="start" justify="space-between" style="width: 200px">Label</ion-toggle>
-       `,
-        config
-      );
-
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-space-between`));
-    });
-  });
-
-  test.describe(title('toggle: end placement'), () => {
-    test('should render a start justification with label in the end position', async ({ page }) => {
-      await page.setContent(
-        `
-
-         <ion-toggle label-placement="end" justify="start" style="width: 200px">Label</ion-toggle>
-       `,
-        config
-      );
-
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-start`));
-    });
-    test('should render an end justification with label in the end position', async ({ page }) => {
-      await page.setContent(
-        `
-
-         <ion-toggle label-placement="end" justify="end" style="width: 200px">Label</ion-toggle>
-       `,
-        config
-      );
-
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-end`));
-    });
-    test('should render a space between justification with label in the end position', async ({ page }) => {
-      await page.setContent(
-        `
-
-         <ion-toggle label-placement="end" justify="space-between" style="width: 200px">Label</ion-toggle>
-       `,
-        config
-      );
-
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-space-between`));
-    });
-  });
-
-  test.describe(title('toggle: fixed placement'), () => {
-    test('should render a start justification with label in the fixed position', async ({ page }) => {
-      await page.setContent(
-        `
-
-         <ion-toggle label-placement="fixed" justify="start" style="width: 200px">This is a long label</ion-toggle>
-       `,
-        config
-      );
+  test.describe(title('toggle: label'), () => {
+    test.describe('toggle: default placement', () => {
+      test('should render a space between justification with a full width toggle', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle style="width: 100%">
+            Label
+          </ion-toggle>
+        `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-full-width`));
+      });
+
+      test('should truncate long labels with ellipses', async ({ page }) => {
+        // toggle needs to be full width to truncate properly
+        // because it is not inside of an `ion-app` in tests
+        await page.setContent(
+          `
+          <ion-toggle style="width: 100%">
+            Long Label Long Label Long Label Long Label Long Label Long Label
+          </ion-toggle>
+        `,
+          config
+        );
 
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-start`));
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-long-label`));
+      });
     });
-    test('should render an end justification with label in the fixed position', async ({ page }) => {
-      await page.setContent(
-        `
 
-         <ion-toggle label-placement="fixed" justify="end" style="width: 200px">This is a long label</ion-toggle>
-       `,
-        config
-      );
+    test.describe(title('toggle: start placement'), () => {
+      test('should render a start justification with label in the start position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="start" justify="start">Label</ion-toggle>
+        `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-start`));
+      });
+      test('should render an end justification with label in the start position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="start" justify="end">Label</ion-toggle>
+        `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-end`));
+      });
+      test('should render a space between justification with label in the start position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="start" justify="space-between">Label</ion-toggle>
+        `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-space-between`));
+      });
+
+      test('should truncate long labels with ellipses', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="start" justify="start">
+            Long Label Long Label Long Label Long Label Long Label Long Label
+          </ion-toggle>
+        `,
+          config
+        );
 
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-end`));
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-start-justify-start-long-label`));
+      });
     });
-    test('should render a space between justification with label in the fixed position', async ({ page }) => {
-      await page.setContent(
-        `
 
-         <ion-toggle label-placement="fixed" justify="space-between" style="width: 200px">This is a long label</ion-toggle>
-       `,
-        config
-      );
+    test.describe(title('toggle: end placement'), () => {
+      test('should render a start justification with label in the end position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="end" justify="start">Label</ion-toggle>
+        `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-start`));
+      });
+      test('should render an end justification with label in the end position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="end" justify="end">Label</ion-toggle>
+        `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-end`));
+      });
+      test('should render a space between justification with label in the end position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="end" justify="space-between">Label</ion-toggle>
+        `,
+          config
+        );
 
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-space-between`));
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-end-justify-space-between`));
+      });
     });
-  });
 
-  test.describe(title('toggle: stacked placement'), () => {
-    test('should align the label to the start of the container in the stacked position', async ({ page }) => {
-      await page.setContent(
-        `
-          <ion-toggle label-placement="stacked" alignment="start" style="width: 200px">This is a long label</ion-toggle>
+    test.describe(title('toggle: fixed placement'), () => {
+      test('should render a start justification with label in the fixed position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="fixed" justify="start">This is a long label</ion-toggle>
         `,
-        config
-      );
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-start`));
+      });
+      test('should render an end justification with label in the fixed position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="fixed" justify="end">This is a long label</ion-toggle>
+        `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-end`));
+      });
+      test('should render a space between justification with label in the fixed position', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-toggle label-placement="fixed" justify="space-between">This is a long label</ion-toggle>
+        `,
+          config
+        );
 
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-start`));
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-fixed-justify-space-between`));
+      });
     });
 
-    test('should align the label to the center of the container in the stacked position', async ({ page }) => {
-      await page.setContent(
-        `
-          <ion-toggle label-placement="stacked" alignment="center" style="width: 200px">This is a long label</ion-toggle>
-        `,
-        config
-      );
-
-      const toggle = page.locator('ion-toggle');
-      await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-center`));
+    test.describe(title('toggle: stacked placement'), () => {
+      test('should align the label to the start of the container in the stacked position', async ({ page }) => {
+        await page.setContent(
+          `
+            <ion-toggle label-placement="stacked" alignment="start">This is a long label</ion-toggle>
+          `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-start`));
+      });
+
+      test('should align the label to the center of the container in the stacked position', async ({ page }) => {
+        await page.setContent(
+          `
+            <ion-toggle label-placement="stacked" alignment="center">This is a long label</ion-toggle>
+          `,
+          config
+        );
+
+        const toggle = page.locator('ion-toggle');
+        await expect(toggle).toHaveScreenshot(screenshot(`toggle-label-stacked-align-center`));
+      });
     });
   });
 });
@@ -159,7 +196,7 @@ configs({ modes: ['md'], directions: ['ltr'] }).forEach(({ title, config, screen
     test('long label should truncate', async ({ page }) => {
       await page.setContent(
         `
-          <ion-toggle label-placement="stacked" alignment="start" style="width: 200px">Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications</ion-toggle>
+          <ion-toggle label-placement="stacked" alignment="start">Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications Enable Notifications</ion-toggle>
         `,
         config
       );
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 7aec4937be4..dede81f6251 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png
index 2b91376a398..6d233c094cb 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png
index 6503cf864e0..b1b31229c48 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png
index aee50d22242..16a4094df70 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png
index fb6b7c74d31..bb3fb64e34f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png
index 6c28365badc..b96dbaa5c10 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png
index 5093354e017..6d08e49c8f5 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png
index 746f66367c6..cc4e9bbf460 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png
index dc848651376..f974e489d83 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png
index 63cecedeae9..2130ddfbef9 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png
index ccae7ef93d9..296a8d44255 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png
index 69eb414144b..11618d245d2 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index 3f289282344..6fb13effc6c 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index 9fe10073878..2f60cf87264 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index 74253941497..7f83a9760d0 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index bfef539fe5b..1d928fc14fb 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index 67a712329c4..9d9552849d9 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index ce805e22f20..f8949f39b5b 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 264e28859e3..cb927714a5d 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index d8cbfa55b55..449b200d65a 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png
index 5cb83a4de50..5dac3bab39d 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 145f4760fa6..828af51b811 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 67db29d6170..aa65ea365b5 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 6319d98a6dc..f4f0fcff271 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png
index 3e47f0282cc..f2c2b5fb772 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 24d4a17202a..541b4a46d43 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png
index f407d667778..f4d111b80cb 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png
index 0bdfb47f7cc..0215ce57363 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png
index c1bbee60cc0..31f9166638e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png
index aa32425d8a2..d7db73e033b 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png
index e9c72e90c03..f110e036fea 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png
index 1ea5248b6a2..918bfe66c8c 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png
index 73165178730..5a5d1a7ceae 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png
index 1678b3e344a..ac0186ff402 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png
index 531fc89a387..9dabd33c2c1 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png
index ab6d7a8cb33..979e6a269fd 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-end-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 804c9cbab04..bdc99aa8b8e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png
index aa386ff7a72..94422c07727 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png
index 0624d6b240a..34efe8a857f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 134649c7ce1..4f21dbba5c4 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png
index bf658706761..68d05dbfc72 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png
index 5cb93395f48..f501ea0b417 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png
index bd305782740..7d25565c2df 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png
index 32e6c821901..13129474628 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png
index e69c7a53597..22d12e8afd8 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png
index ba3b61c52c4..2b366865aeb 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png
index bb315339159..214a898c425 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png
index 2c6096f5578..d3369e78a71 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index 200eee6f434..a81ce0b8a5b 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index 4dcd14c6f7a..6ed11abe850 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index ddb8dddd941..85c658c24a7 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index 658de89e83f..3386568ec5a 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index fa203123182..828c7fb6ae5 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 4dfa98f5a79..d5099532f8f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 70686ba3689..a284faab286 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 63fd42d14f9..ff30377e440 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png
index 03f4b1b9b5a..8bfd07e8a84 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index 0fe9379f16c..86a06ed63c7 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index dabd6d175bc..e919283d35f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png
index 737bf1cf563..70452a8ebd4 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png
index 621ce1341e7..2f8dccd2a38 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 38248949ed4..bb8c54ab83e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png
index 94a7abd98df..76a1a35e1b5 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png
index bca2430862a..293f6f08e0c 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png
index 99c59165aab..39b899ec04a 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png
index a70fc7fb8c1..8cccef18ca3 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png
index 692128aa926..26e3cb4020d 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png
index 939cb83ef14..4ff099a4231 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png
index e6d44c3d4f4..9e63dbd4f5a 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png
index 3bbcb6d34cd..d72e02f9864 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png
index d7e3e0bf41e..bfe536f4cc6 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png
index 6bc0324d814..c8e2c9a698c 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-fixed-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..6fda7d4d88f
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..398e07d6c49
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..d474eed7cfe
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..53da3b8d57a
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..3b9b1b1266f
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..39c111886fb
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..66afff95abb
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..fc0844ca373
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..bcdcbf8c82e
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..0b13b061159
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..b5db9fd85be
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..72df87ff743
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-full-width-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..958bfe381c7
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..fc0cb70501e
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..0d2596362d7
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..6276e694331
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..b4ce9685575
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..72d2fac1c54
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..2ed20573ad4
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..925d806f480
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..b7db5e35a98
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..7126ee8fd68
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..63696e1b515
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..9e732987632
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png
index 8a038858e30..da0b2fdf5c9 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png
index 75372fe5ac0..280b264dd10 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png
index 76d30bbe201..cbe1a2e5ba1 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png
index a3c8e971480..c40fc6f4db6 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png
index 1d108fbd01f..8cbf66cd836 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png
index 026e9eda7eb..c3e66396ed2 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png
index c3fa40f47b5..17307d8118e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png
index ef4923763d5..0e80e38fcac 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png
index f349bf36b93..441f57dbbb8 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png
index a0093c2bc26..aefff948460 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png
index 9edc7934a11..35f1067f1fb 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png
index 08216861a01..1691bd320b7 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-center-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png
index 3d266dc2de1..f504e666994 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png
index 981a7700243..c3cdaf1462a 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png
index 7d3e531b88e..1fb322abbe4 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png
index 55e3549d220..684ff1e45b6 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png
index c8a39075fb0..82e0b109d7e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png
index bca26817edf..55e0861efd3 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png
index f3b886ee6f9..cfeab9c0349 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png
index 6b706b722f4..805a6ebd224 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png
index ad3d22793a1..d7220a4a040 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png
index 9b59ff68b30..9bad2a894a6 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png
index a6f0cb54cc8..d8fce432b4e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png
index a5fc8fbb55e..4f19dbb82dc 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png
index 3d0c4887d99..b1e2c2ad59e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png
index 239bffe6cb7..3ffd0b19a02 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png
index d493244afc4..5e3f8d07c5f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png
index 5483be4ad29..8e550a7d5fc 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png
index bdecbc3be48..504802f3ea3 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png
index 5844298b997..5abf4b5a29c 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png
index 8dc2b86fc89..ee7993041bc 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png
index 9370bf5f94b..d76b60c6888 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png
index 64cc2bb3c87..e9998234ce9 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png
index 2fb5eace650..93125735c96 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png
index f89dfe10a13..59b9d81c2c2 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png
index 5498ef669cf..ddb4dc2d883 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png
index c0bb2237cdd..1a3860cfc60 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png
index 53f2d69f51a..e9a863d3cf8 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png
index ead66b1ee60..17f74e3edcf 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-end-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png
index f0eade624be..6fda7d4d88f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png
index 0196713b36b..398e07d6c49 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png
index 3ffef961117..d474eed7cfe 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png
index e3b399db1db..53da3b8d57a 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png
index 860513e6a35..3b9b1b1266f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png
index 883a0f95ec0..39c111886fb 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png
index 0c5c9e24cef..66afff95abb 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png
index 9911dfef2ae..fc0844ca373 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png
index ecc69617ec1..bcdcbf8c82e 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png
index b22aa11294b..0b13b061159 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png
index 64667a4f1f9..b5db9fd85be 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png
index cc4d4df8d0c..72df87ff743 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-space-between-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png
index 37be8d54d0f..f3bbf2dc090 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png
index 0f11b4c59be..a77b7a879c0 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png
index a1c75adf59a..3c05bc5a84c 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png
index b382dcaa695..56304e47028 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png
index f0be8447976..6ba74588d27 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png
index 97dd9566e25..b103564f692 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..958bfe381c7
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..fc0cb70501e
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..0d2596362d7
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..6276e694331
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..b4ce9685575
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..72d2fac1c54
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..2ed20573ad4
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..925d806f480
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..b7db5e35a98
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..7126ee8fd68
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..63696e1b515
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..9e732987632
Binary files /dev/null and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-long-label-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png
index 47f2d0139fb..d3a0e57555f 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png
index 3c8bf08ebd2..eba81f834ff 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png
index 513d946f818..6c11b2ac892 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png
index a4fc8f0da0f..14dbd32bbc5 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png
index 9fb723c593d..ff3dadfb7d3 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png
index 3da69394e30..d01cb5901e2 100644
Binary files a/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png and b/core/src/components/toggle/test/label/toggle.e2e.ts-snapshots/toggle-label-start-justify-start-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/toggle/toggle.scss b/core/src/components/toggle/toggle.scss
index 0e0b64385f7..fa89fb2128f 100644
--- a/core/src/components/toggle/toggle.scss
+++ b/core/src/components/toggle/toggle.scss
@@ -83,6 +83,9 @@ input {
 
   flex-grow: 1;
 
+  align-items: center;
+  justify-content: space-between;
+
   height: inherit;
 
   transition: background-color 15ms linear;
@@ -158,6 +161,20 @@ input {
   align-items: center;
 }
 
+// Justify Content & Align Items
+// ---------------------------------------------
+
+// The toggle should be displayed as block when either justify
+// or alignment is set; otherwise, these properties will have no
+// visible effect.
+:host(.toggle-justify-space-between),
+:host(.toggle-justify-start),
+:host(.toggle-justify-end),
+:host(.toggle-alignment-start),
+:host(.toggle-alignment-center) {
+  display: block;
+}
+
 // Toggle Label Placement - Start
 // ----------------------------------------------------------------
 
diff --git a/core/src/components/toggle/toggle.tsx b/core/src/components/toggle/toggle.tsx
index 41e26015185..b20ef320f05 100644
--- a/core/src/components/toggle/toggle.tsx
+++ b/core/src/components/toggle/toggle.tsx
@@ -96,15 +96,17 @@ export class Toggle implements ComponentInterface {
    * on the left in RTL.
    * `"space-between"`: The label and toggle will appear on opposite
    * ends of the line with space between the two elements.
+   * Setting this property will change the toggle `display` to `block`.
    */
-  @Prop() justify: 'start' | 'end' | 'space-between' = 'space-between';
+  @Prop() justify?: 'start' | 'end' | 'space-between';
 
   /**
    * How to control the alignment of the toggle and label on the cross axis.
    * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
    * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
+   * Setting this property will change the toggle `display` to `block`.
    */
-  @Prop() alignment: 'start' | 'center' = 'center';
+  @Prop() alignment?: 'start' | 'center';
 
   /**
    * Emitted when the user switches the toggle on or off.
@@ -304,8 +306,8 @@ export class Toggle implements ComponentInterface {
           'toggle-activated': activated,
           'toggle-checked': checked,
           'toggle-disabled': disabled,
-          [`toggle-justify-${justify}`]: true,
-          [`toggle-alignment-${alignment}`]: true,
+          [`toggle-justify-${justify}`]: justify !== undefined,
+          [`toggle-alignment-${alignment}`]: alignment !== undefined,
           [`toggle-label-placement-${labelPlacement}`]: true,
           [`toggle-${rtl}`]: true,
         })}
diff --git a/core/stencil.config.ts b/core/stencil.config.ts
index 4a400afe5b3..a9fff422fab 100644
--- a/core/stencil.config.ts
+++ b/core/stencil.config.ts
@@ -26,7 +26,6 @@ const getAngularOutputTargets = () => {
 
     // tabs
     'ion-tabs',
-    'ion-tab',
 
     // auxiliar
     'ion-picker-legacy-column',
@@ -173,7 +172,6 @@ export const config: Config = {
         'ion-back-button',
         'ion-tab-button',
         'ion-tabs',
-        'ion-tab',
         'ion-tab-bar',
 
         // Overlays
diff --git a/lerna.json b/lerna.json
index 50b816a3444..081cc3fb92e 100644
--- a/lerna.json
+++ b/lerna.json
@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.2.8"
+  "version": "8.3.0"
 }
\ No newline at end of file
diff --git a/packages/angular-server/CHANGELOG.md b/packages/angular-server/CHANGELOG.md
index 36d32d491fb..1437751b72c 100644
--- a/packages/angular-server/CHANGELOG.md
+++ b/packages/angular-server/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 **Note:** Version bump only for package @ionic/angular-server
diff --git a/packages/angular-server/package-lock.json b/packages/angular-server/package-lock.json
index 6803fd5ed5f..515e80e5d3a 100644
--- a/packages/angular-server/package-lock.json
+++ b/packages/angular-server/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.8"
+        "@ionic/core": "^8.3.0"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -1031,9 +1031,10 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -7188,9 +7189,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
       "requires": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
diff --git a/packages/angular-server/package.json b/packages/angular-server/package.json
index 51124300b35..73c6b6bfa2c 100644
--- a/packages/angular-server/package.json
+++ b/packages/angular-server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -62,6 +62,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.2.8"
+    "@ionic/core": "^8.3.0"
   }
 }
diff --git a/packages/angular/CHANGELOG.md b/packages/angular/CHANGELOG.md
index 74aa86514b1..2a2dcd47d00 100644
--- a/packages/angular/CHANGELOG.md
+++ b/packages/angular/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+
+### Features
+
+* **react, vue, angular:** use tabs without router ([#29794](https://github.com/ionic-team/ionic-framework/issues/29794)) ([867066b](https://github.com/ionic-team/ionic-framework/commit/867066b4eba369de025f3c7c8ef33e7089cdf3bc)), closes [#25184](https://github.com/ionic-team/ionic-framework/issues/25184)
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 **Note:** Version bump only for package @ionic/angular
diff --git a/packages/angular/common/src/directives/navigation/tabs.ts b/packages/angular/common/src/directives/navigation/tabs.ts
index 7906e890736..73e8c0cc777 100644
--- a/packages/angular/common/src/directives/navigation/tabs.ts
+++ b/packages/angular/common/src/directives/navigation/tabs.ts
@@ -7,6 +7,8 @@ import {
   HostListener,
   Output,
   ViewChild,
+  AfterViewInit,
+  QueryList,
 } from '@angular/core';
 
 import { NavController } from '../../providers/nav-controller';
@@ -17,14 +19,15 @@ import { StackDidChangeEvent, StackWillChangeEvent } from './stack-utils';
   selector: 'ion-tabs',
 })
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
-export abstract class IonTabs implements AfterContentInit, AfterContentChecked {
+export abstract class IonTabs implements AfterViewInit, AfterContentInit, AfterContentChecked {
   /**
    * Note: These must be redeclared on each child class since it needs
    * access to generated components such as IonRouterOutlet and IonTabBar.
    */
   abstract outlet: any;
   abstract tabBar: any;
-  abstract tabBars: any;
+  abstract tabBars: QueryList<any>;
+  abstract tabs: QueryList<any>;
 
   @ViewChild('tabsInner', { read: ElementRef, static: true }) tabsInner: ElementRef<HTMLDivElement>;
 
@@ -39,8 +42,29 @@ export abstract class IonTabs implements AfterContentInit, AfterContentChecked {
 
   private tabBarSlot = 'bottom';
 
+  private hasTab = false;
+  private selectedTab?: { tab: string };
+  private leavingTab?: any;
+
   constructor(private navCtrl: NavController) {}
 
+  ngAfterViewInit(): void {
+    /**
+     * Developers must pass at least one ion-tab
+     * inside of ion-tabs if they want to use a
+     * basic tab-based navigation without the
+     * history stack or URL updates associated
+     * with the router.
+     */
+    const firstTab = this.tabs.length > 0 ? this.tabs.first : undefined;
+
+    if (firstTab) {
+      this.hasTab = true;
+      this.setActiveTab(firstTab.tab);
+      this.tabSwitch();
+    }
+  }
+
   ngAfterContentInit(): void {
     this.detectSlotChanges();
   }
@@ -96,6 +120,19 @@ export abstract class IonTabs implements AfterContentInit, AfterContentChecked {
   select(tabOrEvent: string | CustomEvent): Promise<boolean> | undefined {
     const isTabString = typeof tabOrEvent === 'string';
     const tab = isTabString ? tabOrEvent : (tabOrEvent as CustomEvent).detail.tab;
+
+    /**
+     * If the tabs are not using the router, then
+     * the tab switch logic is handled by the tabs
+     * component itself.
+     */
+    if (this.hasTab) {
+      this.setActiveTab(tab);
+      this.tabSwitch();
+
+      return;
+    }
+
     const alreadySelected = this.outlet.getActiveStackId() === tab;
     const tabRootUrl = `${this.outlet.tabsPrefix}/${tab}`;
 
@@ -142,7 +179,46 @@ export abstract class IonTabs implements AfterContentInit, AfterContentChecked {
     }
   }
 
+  private setActiveTab(tab: string): void {
+    const tabs = this.tabs;
+    const selectedTab = tabs.find((t: any) => t.tab === tab);
+
+    if (!selectedTab) {
+      console.error(`[Ionic Error]: Tab with id: "${tab}" does not exist`);
+      return;
+    }
+
+    this.leavingTab = this.selectedTab;
+    this.selectedTab = selectedTab;
+
+    this.ionTabsWillChange.emit({ tab });
+
+    selectedTab.el.active = true;
+  }
+
+  private tabSwitch(): void {
+    const { selectedTab, leavingTab } = this;
+
+    if (this.tabBar && selectedTab) {
+      this.tabBar.selectedTab = selectedTab.tab;
+    }
+
+    if (leavingTab?.tab !== selectedTab?.tab) {
+      if (leavingTab?.el) {
+        leavingTab.el.active = false;
+      }
+    }
+
+    if (selectedTab) {
+      this.ionTabsDidChange.emit({ tab: selectedTab.tab });
+    }
+  }
+
   getSelected(): string | undefined {
+    if (this.hasTab) {
+      return this.selectedTab?.tab;
+    }
+
     return this.outlet.getActiveStackId();
   }
 
diff --git a/packages/angular/package-lock.json b/packages/angular/package-lock.json
index d626c6d471b..6c45a162794 100644
--- a/packages/angular/package-lock.json
+++ b/packages/angular/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.8",
+        "@ionic/core": "^8.3.0",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -1398,9 +1398,10 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -9820,9 +9821,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
       "requires": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
diff --git a/packages/angular/package.json b/packages/angular/package.json
index 14b2f95952a..561b1c3d013 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.2.8",
+    "@ionic/core": "^8.3.0",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"
diff --git a/packages/angular/src/app-initialize.ts b/packages/angular/src/app-initialize.ts
index 69cf4030f43..7b1062f82a9 100644
--- a/packages/angular/src/app-initialize.ts
+++ b/packages/angular/src/app-initialize.ts
@@ -20,7 +20,7 @@ export const appInitialize = (config: Config, doc: Document, zone: NgZone) => {
 
       return applyPolyfills().then(() => {
         return defineCustomElements(win, {
-          exclude: ['ion-tabs', 'ion-tab'],
+          exclude: ['ion-tabs'],
           syncQueue: true,
           raf,
           jmp: (h: any) => zone.runOutsideAngular(h),
diff --git a/packages/angular/src/directives/navigation/ion-tabs.ts b/packages/angular/src/directives/navigation/ion-tabs.ts
index 9b7737a5774..65819cde79f 100644
--- a/packages/angular/src/directives/navigation/ion-tabs.ts
+++ b/packages/angular/src/directives/navigation/ion-tabs.ts
@@ -1,7 +1,7 @@
 import { Component, ContentChild, ContentChildren, ViewChild, QueryList } from '@angular/core';
 import { IonTabs as IonTabsBase } from '@ionic/angular/common';
 
-import { IonTabBar } from '../proxies';
+import { IonTabBar, IonTab } from '../proxies';
 
 import { IonRouterOutlet } from './ion-router-outlet';
 
@@ -11,11 +11,13 @@ import { IonRouterOutlet } from './ion-router-outlet';
     <ng-content select="[slot=top]"></ng-content>
     <div class="tabs-inner" #tabsInner>
       <ion-router-outlet
+        *ngIf="tabs.length === 0"
         #outlet
         tabs="true"
         (stackWillChange)="onStackWillChange($event)"
         (stackDidChange)="onStackDidChange($event)"
       ></ion-router-outlet>
+      <ng-content *ngIf="tabs.length > 0" select="ion-tab"></ng-content>
     </div>
     <ng-content></ng-content>
   `,
@@ -52,4 +54,5 @@ export class IonTabs extends IonTabsBase {
 
   @ContentChild(IonTabBar, { static: false }) tabBar: IonTabBar | undefined;
   @ContentChildren(IonTabBar) tabBars: QueryList<IonTabBar>;
+  @ContentChildren(IonTab) tabs: QueryList<IonTab>;
 }
diff --git a/packages/angular/src/directives/proxies-list.ts b/packages/angular/src/directives/proxies-list.ts
index 8a0d9eb03ec..1874d0bfe2d 100644
--- a/packages/angular/src/directives/proxies-list.ts
+++ b/packages/angular/src/directives/proxies-list.ts
@@ -74,6 +74,7 @@ export const DIRECTIVES = [
   d.IonSkeletonText,
   d.IonSpinner,
   d.IonSplitPane,
+  d.IonTab,
   d.IonTabBar,
   d.IonTabButton,
   d.IonText,
diff --git a/packages/angular/src/directives/proxies.ts b/packages/angular/src/directives/proxies.ts
index 8db34fa7b89..f448236a161 100644
--- a/packages/angular/src/directives/proxies.ts
+++ b/packages/angular/src/directives/proxies.ts
@@ -2148,6 +2148,29 @@ export declare interface IonSplitPane extends Components.IonSplitPane {
 }
 
 
+@ProxyCmp({
+  inputs: ['component', 'tab'],
+  methods: ['setActive']
+})
+@Component({
+  selector: 'ion-tab',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['component', 'tab'],
+})
+export class IonTab {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonTab extends Components.IonTab {}
+
+
 @ProxyCmp({
   inputs: ['color', 'mode', 'selectedTab', 'translucent']
 })
diff --git a/packages/angular/standalone/src/directives/proxies.ts b/packages/angular/standalone/src/directives/proxies.ts
index 0db2a471286..c84717dfd1c 100644
--- a/packages/angular/standalone/src/directives/proxies.ts
+++ b/packages/angular/standalone/src/directives/proxies.ts
@@ -69,6 +69,7 @@ import { defineCustomElement as defineIonSelectOption } from '@ionic/core/compon
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
 import { defineCustomElement as defineIonSplitPane } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineIonTab } from '@ionic/core/components/ion-tab.js';
 import { defineCustomElement as defineIonTabBar } from '@ionic/core/components/ion-tab-bar.js';
 import { defineCustomElement as defineIonTabButton } from '@ionic/core/components/ion-tab-button.js';
 import { defineCustomElement as defineIonText } from '@ionic/core/components/ion-text.js';
@@ -1939,6 +1940,31 @@ export declare interface IonSplitPane extends Components.IonSplitPane {
 }
 
 
+@ProxyCmp({
+  defineCustomElementFn: defineIonTab,
+  inputs: ['component', 'tab'],
+  methods: ['setActive']
+})
+@Component({
+  selector: 'ion-tab',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['component', 'tab'],
+  standalone: true
+})
+export class IonTab {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface IonTab extends Components.IonTab {}
+
+
 @ProxyCmp({
   defineCustomElementFn: defineIonTabBar,
   inputs: ['color', 'mode', 'selectedTab', 'translucent']
diff --git a/packages/angular/standalone/src/navigation/tabs.ts b/packages/angular/standalone/src/navigation/tabs.ts
index 50c85f1593f..61cbd12d088 100644
--- a/packages/angular/standalone/src/navigation/tabs.ts
+++ b/packages/angular/standalone/src/navigation/tabs.ts
@@ -1,7 +1,8 @@
+import { NgIf } from '@angular/common';
 import { Component, ContentChild, ContentChildren, ViewChild, QueryList } from '@angular/core';
 import { IonTabs as IonTabsBase } from '@ionic/angular/common';
 
-import { IonTabBar } from '../directives/proxies';
+import { IonTabBar, IonTab } from '../directives/proxies';
 
 import { IonRouterOutlet } from './router-outlet';
 
@@ -11,11 +12,13 @@ import { IonRouterOutlet } from './router-outlet';
     <ng-content select="[slot=top]"></ng-content>
     <div class="tabs-inner" #tabsInner>
       <ion-router-outlet
+        *ngIf="tabs.length === 0"
         #outlet
         tabs="true"
         (stackWillChange)="onStackWillChange($event)"
         (stackDidChange)="onStackDidChange($event)"
       ></ion-router-outlet>
+      <ng-content *ngIf="tabs.length > 0" select="ion-tab"></ng-content>
     </div>
     <ng-content></ng-content>
   `,
@@ -46,7 +49,7 @@ import { IonRouterOutlet } from './router-outlet';
       }
     `,
   ],
-  imports: [IonRouterOutlet],
+  imports: [IonRouterOutlet, NgIf],
 })
 // eslint-disable-next-line @angular-eslint/component-class-suffix
 export class IonTabs extends IonTabsBase {
@@ -54,4 +57,5 @@ export class IonTabs extends IonTabsBase {
 
   @ContentChild(IonTabBar, { static: false }) tabBar: IonTabBar | undefined;
   @ContentChildren(IonTabBar) tabBars: QueryList<IonTabBar>;
+  @ContentChildren(IonTab) tabs: QueryList<IonTab>;
 }
diff --git a/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts b/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts
index e7c4b51cfbf..ac31d74060b 100644
--- a/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts
+++ b/packages/angular/test/base/e2e/src/lazy/tabs.spec.ts
@@ -1,436 +1,462 @@
 describe('Tabs', () => {
-  beforeEach(() => {
-    cy.visit('/lazy/tabs');
-  })
-
-  describe('entry url - /tabs', () => {
-    it('should redirect and load tab-account', () => {
-      testTabTitle('Tab 1 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1']);
-      testState(1, 'account');
-    });
-
-    it('should navigate between tabs and ionChange events should be dispatched', () => {
-      let tab = testTabTitle('Tab 1 - Page 1');
-      tab.find('.segment-changed').should('have.text', 'false');
-
-      cy.get('#tab-button-contact').click();
-      tab = testTabTitle('Tab 2 - Page 1');
-      tab.find('.segment-changed').should('have.text', 'false');
-    });
-
-    describe('when navigating between tabs', () => {
-
-      it('should emit ionTabsWillChange before setting the selected tab', () => {
-        cy.get('#ionTabsWillChangeCounter').should('have.text', '1');
-        cy.get('#ionTabsWillChangeEvent').should('have.text', 'account');
-        cy.get('#ionTabsWillChangeSelectedTab').should('have.text', '');
-
-        cy.get('#ionTabsDidChangeCounter').should('have.text', '1');
-        cy.get('#ionTabsDidChangeEvent').should('have.text', 'account');
-        cy.get('#ionTabsDidChangeSelectedTab').should('have.text', 'account');
-
+  describe('With IonRouterOutlet', () => {
+    beforeEach(() => {
+      cy.visit('/lazy/tabs');
+    })
+  
+    describe('entry url - /tabs', () => {
+      it('should redirect and load tab-account', () => {
+        testTabTitle('Tab 1 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1']);
+        testState(1, 'account');
+      });
+  
+      it('should navigate between tabs and ionChange events should be dispatched', () => {
+        let tab = testTabTitle('Tab 1 - Page 1');
+        tab.find('.segment-changed').should('have.text', 'false');
+  
         cy.get('#tab-button-contact').click();
-
-        cy.get('#ionTabsWillChangeCounter').should('have.text', '2');
-        cy.get('#ionTabsWillChangeEvent').should('have.text', 'contact');
-        cy.get('#ionTabsWillChangeSelectedTab').should('have.text', 'account');
-
-        cy.get('#ionTabsDidChangeCounter').should('have.text', '2');
-        cy.get('#ionTabsDidChangeEvent').should('have.text', 'contact');
-        cy.get('#ionTabsDidChangeSelectedTab').should('have.text', 'contact');
-      })
-
-    });
-
-    it('should simulate stack + double tab click', () => {
-      let tab = getSelectedTab();
-      tab.find('#goto-tab1-page2').click();
-      testTabTitle('Tab 1 - Page 2 (1)');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested']);
-      testState(1, 'account');
-
-      // When you call find on tab above it changes the value of tab
-      // so we need to redefine it
-      tab = getSelectedTab();
-      tab.find('ion-back-button').should('be.visible');
-
-      cy.get('#tab-button-contact').click();
-      testTabTitle('Tab 2 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested', 'app-tabs-tab2']);
-      testState(2, 'contact');
-
-      cy.get('#tab-button-account').click();
-      testTabTitle('Tab 1 - Page 2 (1)');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested', 'app-tabs-tab2']);
-      testState(3, 'account');
-
-      tab = getSelectedTab();
-      tab.find('ion-back-button').should('be.visible');
-
-      cy.get('#tab-button-account').click();
-      testTabTitle('Tab 1 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
-      testState(3, 'account');
-    });
-
-    it('should simulate stack + back button click', () => {
-      const tab = getSelectedTab();
-      tab.find('#goto-tab1-page2').click();
-      testTabTitle('Tab 1 - Page 2 (1)');
-      testState(1, 'account');
-
-      cy.get('#tab-button-contact').click();
-      testTabTitle('Tab 2 - Page 1');
-      testState(2, 'contact');
-
-      cy.get('#tab-button-account').click();
-      testTabTitle('Tab 1 - Page 2 (1)');
-      testState(3, 'account');
-
-      cy.get('ion-back-button').click();
-      testTabTitle('Tab 1 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
-      testState(3, 'account');
-    });
-
-    it('should navigate deep then go home', () => {
-      const tab = getSelectedTab();
-      tab.find('#goto-tab1-page2').click();
-      cy.ionPageVisible('app-tabs-tab1-nested');
-      cy.ionPageHidden('app-tabs-tab1');
-
-      testTabTitle('Tab 1 - Page 2 (1)');
-
-      cy.get('#goto-next').click();
-      cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
-      cy.ionPageHidden('app-tabs-tab1-nested:first-of-type');
-
-      testTabTitle('Tab 1 - Page 2 (2)');
-
-      cy.get('#tab-button-contact').click();
-      cy.ionPageVisible('app-tabs-tab2');
-      cy.ionPageHidden('app-tabs-tab1-nested:last-of-type');
-
-      testTabTitle('Tab 2 - Page 1');
-
-      cy.get('#tab-button-account').click();
-      cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
-      cy.ionPageHidden('app-tabs-tab2');
-
-      testTabTitle('Tab 1 - Page 2 (2)');
-      cy.testStack('ion-tabs ion-router-outlet', [
-        'app-tabs-tab1',
-        'app-tabs-tab1-nested',
-        'app-tabs-tab1-nested',
-        'app-tabs-tab2'
-      ]);
-
-      cy.get('#tab-button-account').click();
-
-      /**
-       * Wait for the leaving view to
-       * be unmounted otherwise testTabTitle
-       * may get the leaving view before it
-       * is unmounted.
-       */
-      cy.ionPageVisible('app-tabs-tab1');
-      cy.ionPageDoesNotExist('app-tabs-tab1-nested');
-
-      testTabTitle('Tab 1 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', [
-        'app-tabs-tab1',
-        'app-tabs-tab2'
-      ]);
-    });
-
-    it('should switch tabs and go back', () => {
-      cy.get('#tab-button-contact').click();
-      const tab = testTabTitle('Tab 2 - Page 1');
-
-      tab.find('#goto-tab1-page1').click();
-      testTabTitle('Tab 1 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
-    });
-
-    it('should switch tabs and go to nested', () => {
-      cy.get('#tab-button-contact').click();
-      const tab = testTabTitle('Tab 2 - Page 1');
-
-      tab.find('#goto-tab1-page2').click();
-      testTabTitle('Tab 1 - Page 2 (1)');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab2', 'app-tabs-tab1-nested']);
-    });
-
-    it('should load lazy loaded tab', () => {
-      cy.get('#tab-button-lazy').click();
-      cy.ionPageVisible('app-tabs-tab3');
-      testTabTitle('Tab 3 - Page 1');
-    });
-
-    it('should use ion-back-button defaultHref', () => {
-      let tab = getSelectedTab();
-      tab.find('#goto-tab3-page2').click();
-      testTabTitle('Tab 3 - Page 2');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab3-nested']);
-
-      tab = getSelectedTab();
-      tab.find('ion-back-button').click();
-      testTabTitle('Tab 3 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab3']);
-    });
-
-    it('should preserve navigation extras when switching tabs', () => {
-      const expectUrlToContain = 'search=hello#fragment';
-      let tab = getSelectedTab();
-      tab.find('#goto-nested-page1-with-query-params').click();
-      testTabTitle('Tab 1 - Page 2 (1)');
-      testUrlContains(expectUrlToContain);
-
-      cy.get('#tab-button-contact').click();
-      testTabTitle('Tab 2 - Page 1');
-
-      cy.get('#tab-button-account').click();
-      tab = testTabTitle('Tab 1 - Page 2 (1)');
-      testUrlContains(expectUrlToContain);
-    });
-
-    it('should set root when clicking on an active tab to navigate to the root', () => {
+        tab = testTabTitle('Tab 2 - Page 1');
+        tab.find('.segment-changed').should('have.text', 'false');
+      });
+  
+      describe('when navigating between tabs', () => {
+  
+        it('should emit ionTabsWillChange before setting the selected tab', () => {
+          cy.get('#ionTabsWillChangeCounter').should('have.text', '1');
+          cy.get('#ionTabsWillChangeEvent').should('have.text', 'account');
+          cy.get('#ionTabsWillChangeSelectedTab').should('have.text', '');
+  
+          cy.get('#ionTabsDidChangeCounter').should('have.text', '1');
+          cy.get('#ionTabsDidChangeEvent').should('have.text', 'account');
+          cy.get('#ionTabsDidChangeSelectedTab').should('have.text', 'account');
+  
+          cy.get('#tab-button-contact').click();
+  
+          cy.get('#ionTabsWillChangeCounter').should('have.text', '2');
+          cy.get('#ionTabsWillChangeEvent').should('have.text', 'contact');
+          cy.get('#ionTabsWillChangeSelectedTab').should('have.text', 'account');
+  
+          cy.get('#ionTabsDidChangeCounter').should('have.text', '2');
+          cy.get('#ionTabsDidChangeEvent').should('have.text', 'contact');
+          cy.get('#ionTabsDidChangeSelectedTab').should('have.text', 'contact');
+        })
+  
+      });
+  
+      it('should simulate stack + double tab click', () => {
+        let tab = getSelectedTab();
+        tab.find('#goto-tab1-page2').click();
+        testTabTitle('Tab 1 - Page 2 (1)');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested']);
+        testState(1, 'account');
+  
+        // When you call find on tab above it changes the value of tab
+        // so we need to redefine it
+        tab = getSelectedTab();
+        tab.find('ion-back-button').should('be.visible');
+  
+        cy.get('#tab-button-contact').click();
+        testTabTitle('Tab 2 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested', 'app-tabs-tab2']);
+        testState(2, 'contact');
+  
+        cy.get('#tab-button-account').click();
+        testTabTitle('Tab 1 - Page 2 (1)');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab1-nested', 'app-tabs-tab2']);
+        testState(3, 'account');
+  
+        tab = getSelectedTab();
+        tab.find('ion-back-button').should('be.visible');
+  
+        cy.get('#tab-button-account').click();
+        testTabTitle('Tab 1 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
+        testState(3, 'account');
+      });
+  
+      it('should simulate stack + back button click', () => {
+        const tab = getSelectedTab();
+        tab.find('#goto-tab1-page2').click();
+        testTabTitle('Tab 1 - Page 2 (1)');
+        testState(1, 'account');
+  
+        cy.get('#tab-button-contact').click();
+        testTabTitle('Tab 2 - Page 1');
+        testState(2, 'contact');
+  
+        cy.get('#tab-button-account').click();
+        testTabTitle('Tab 1 - Page 2 (1)');
+        testState(3, 'account');
+  
+        cy.get('ion-back-button').click();
+        testTabTitle('Tab 1 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
+        testState(3, 'account');
+      });
+  
+      it('should navigate deep then go home', () => {
+        const tab = getSelectedTab();
+        tab.find('#goto-tab1-page2').click();
+        cy.ionPageVisible('app-tabs-tab1-nested');
+        cy.ionPageHidden('app-tabs-tab1');
+  
+        testTabTitle('Tab 1 - Page 2 (1)');
+  
+        cy.get('#goto-next').click();
+        cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
+        cy.ionPageHidden('app-tabs-tab1-nested:first-of-type');
+  
+        testTabTitle('Tab 1 - Page 2 (2)');
+  
+        cy.get('#tab-button-contact').click();
+        cy.ionPageVisible('app-tabs-tab2');
+        cy.ionPageHidden('app-tabs-tab1-nested:last-of-type');
+  
+        testTabTitle('Tab 2 - Page 1');
+  
+        cy.get('#tab-button-account').click();
+        cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
+        cy.ionPageHidden('app-tabs-tab2');
+  
+        testTabTitle('Tab 1 - Page 2 (2)');
+        cy.testStack('ion-tabs ion-router-outlet', [
+          'app-tabs-tab1',
+          'app-tabs-tab1-nested',
+          'app-tabs-tab1-nested',
+          'app-tabs-tab2'
+        ]);
+  
+        cy.get('#tab-button-account').click();
+  
+        /**
+         * Wait for the leaving view to
+         * be unmounted otherwise testTabTitle
+         * may get the leaving view before it
+         * is unmounted.
+         */
+        cy.ionPageVisible('app-tabs-tab1');
+        cy.ionPageDoesNotExist('app-tabs-tab1-nested');
+  
+        testTabTitle('Tab 1 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', [
+          'app-tabs-tab1',
+          'app-tabs-tab2'
+        ]);
+      });
+  
+      it('should switch tabs and go back', () => {
+        cy.get('#tab-button-contact').click();
+        const tab = testTabTitle('Tab 2 - Page 1');
+  
+        tab.find('#goto-tab1-page1').click();
+        testTabTitle('Tab 1 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab2']);
+      });
+  
+      it('should switch tabs and go to nested', () => {
+        cy.get('#tab-button-contact').click();
+        const tab = testTabTitle('Tab 2 - Page 1');
+  
+        tab.find('#goto-tab1-page2').click();
+        testTabTitle('Tab 1 - Page 2 (1)');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab2', 'app-tabs-tab1-nested']);
+      });
+  
+      it('should load lazy loaded tab', () => {
+        cy.get('#tab-button-lazy').click();
+        cy.ionPageVisible('app-tabs-tab3');
+        testTabTitle('Tab 3 - Page 1');
+      });
+  
+      it('should use ion-back-button defaultHref', () => {
+        let tab = getSelectedTab();
+        tab.find('#goto-tab3-page2').click();
+        testTabTitle('Tab 3 - Page 2');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab3-nested']);
+  
+        tab = getSelectedTab();
+        tab.find('ion-back-button').click();
+        testTabTitle('Tab 3 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1', 'app-tabs-tab3']);
+      });
+  
+      it('should preserve navigation extras when switching tabs', () => {
+        const expectUrlToContain = 'search=hello#fragment';
+        let tab = getSelectedTab();
+        tab.find('#goto-nested-page1-with-query-params').click();
+        testTabTitle('Tab 1 - Page 2 (1)');
+        testUrlContains(expectUrlToContain);
+  
+        cy.get('#tab-button-contact').click();
+        testTabTitle('Tab 2 - Page 1');
+  
+        cy.get('#tab-button-account').click();
+        tab = testTabTitle('Tab 1 - Page 2 (1)');
+        testUrlContains(expectUrlToContain);
+      });
+  
+      it('should set root when clicking on an active tab to navigate to the root', () => {
+        const expectNestedTabUrlToContain = 'search=hello#fragment';
+        cy.url().then(url => {
+          const tab = getSelectedTab();
+          tab.find('#goto-nested-page1-with-query-params').click();
+          testTabTitle('Tab 1 - Page 2 (1)');
+          testUrlContains(expectNestedTabUrlToContain);
+  
+          cy.get('#tab-button-account').click();
+          testTabTitle('Tab 1 - Page 1');
+  
+          testUrlEquals(url);
+        })
+      });
+    })
+  
+    describe('entry tab contains navigation extras', () => {
       const expectNestedTabUrlToContain = 'search=hello#fragment';
-      cy.url().then(url => {
+      const rootUrlParams = 'test=123#rootFragment';
+      const rootUrl = `/lazy/tabs/account?${rootUrlParams}`;
+  
+      beforeEach(() => {
+        cy.visit(rootUrl);
+      })
+  
+      it('should preserve root url navigation extras when clicking on an active tab to navigate to the root', () => {
         const tab = getSelectedTab();
         tab.find('#goto-nested-page1-with-query-params').click();
+  
         testTabTitle('Tab 1 - Page 2 (1)');
         testUrlContains(expectNestedTabUrlToContain);
-
+  
         cy.get('#tab-button-account').click();
         testTabTitle('Tab 1 - Page 1');
-
-        testUrlEquals(url);
-      })
-    });
-  })
-
-  describe('entry tab contains navigation extras', () => {
-    const expectNestedTabUrlToContain = 'search=hello#fragment';
-    const rootUrlParams = 'test=123#rootFragment';
-    const rootUrl = `/lazy/tabs/account?${rootUrlParams}`;
-
-    beforeEach(() => {
-      cy.visit(rootUrl);
+  
+        testUrlContains(rootUrl);
+      });
+  
+      it('should preserve root url navigation extras when changing tabs', () => {
+        getSelectedTab();
+        cy.get('#tab-button-contact').click();
+        testTabTitle('Tab 2 - Page 1');
+  
+        cy.get('#tab-button-account').click();
+        testTabTitle('Tab 1 - Page 1');
+  
+        testUrlContains(rootUrl);
+      });
+  
+      it('should navigate deep then go home and preserve navigation extras', () => {
+        let tab = getSelectedTab();
+        tab.find('#goto-tab1-page2').click();
+        cy.ionPageVisible('app-tabs-tab1-nested');
+        cy.ionPageHidden('app-tabs-tab1');
+  
+        tab = testTabTitle('Tab 1 - Page 2 (1)');
+  
+        tab.find('#goto-next').click();
+        cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
+        cy.ionPageHidden('app-tabs-tab1-nested:first-of-type');
+  
+        testTabTitle('Tab 1 - Page 2 (2)');
+  
+        cy.ionTabClick('Tab Two');
+        cy.ionPageVisible('app-tabs-tab2');
+        cy.ionPageHidden('app-tabs-tab1-nested:last-of-type');
+  
+        testTabTitle('Tab 2 - Page 1');
+  
+        cy.ionTabClick('Tab One');
+        cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
+        cy.ionPageHidden('app-tabs-tab2');
+  
+        testTabTitle('Tab 1 - Page 2 (2)');
+  
+        cy.ionTabClick('Tab One');
+        /**
+         * Wait for the leaving view to
+         * be unmounted otherwise testTabTitle
+         * may get the leaving view before it
+         * is unmounted.
+         */
+        cy.ionPageVisible('app-tabs-tab1');
+        cy.ionPageDoesNotExist('app-tabs-tab1-nested');
+  
+        testTabTitle('Tab 1 - Page 1');
+  
+        testUrlContains(rootUrl);
+      });
     })
-
-    it('should preserve root url navigation extras when clicking on an active tab to navigate to the root', () => {
-      const tab = getSelectedTab();
-      tab.find('#goto-nested-page1-with-query-params').click();
-
-      testTabTitle('Tab 1 - Page 2 (1)');
-      testUrlContains(expectNestedTabUrlToContain);
-
-      cy.get('#tab-button-account').click();
-      testTabTitle('Tab 1 - Page 1');
-
-      testUrlContains(rootUrl);
-    });
-
-    it('should preserve root url navigation extras when changing tabs', () => {
-      getSelectedTab();
-      cy.get('#tab-button-contact').click();
-      testTabTitle('Tab 2 - Page 1');
-
-      cy.get('#tab-button-account').click();
-      testTabTitle('Tab 1 - Page 1');
-
-      testUrlContains(rootUrl);
-    });
-
-    it('should navigate deep then go home and preserve navigation extras', () => {
-      let tab = getSelectedTab();
-      tab.find('#goto-tab1-page2').click();
-      cy.ionPageVisible('app-tabs-tab1-nested');
-      cy.ionPageHidden('app-tabs-tab1');
-
-      tab = testTabTitle('Tab 1 - Page 2 (1)');
-
-      tab.find('#goto-next').click();
-      cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
-      cy.ionPageHidden('app-tabs-tab1-nested:first-of-type');
-
-      testTabTitle('Tab 1 - Page 2 (2)');
-
-      cy.ionTabClick('Tab Two');
-      cy.ionPageVisible('app-tabs-tab2');
-      cy.ionPageHidden('app-tabs-tab1-nested:last-of-type');
-
-      testTabTitle('Tab 2 - Page 1');
-
-      cy.ionTabClick('Tab One');
-      cy.ionPageVisible('app-tabs-tab1-nested:last-of-type');
-      cy.ionPageHidden('app-tabs-tab2');
-
-      testTabTitle('Tab 1 - Page 2 (2)');
-
-      cy.ionTabClick('Tab One');
-      /**
-       * Wait for the leaving view to
-       * be unmounted otherwise testTabTitle
-       * may get the leaving view before it
-       * is unmounted.
-       */
-      cy.ionPageVisible('app-tabs-tab1');
-      cy.ionPageDoesNotExist('app-tabs-tab1-nested');
-
-      testTabTitle('Tab 1 - Page 1');
-
-      testUrlContains(rootUrl);
-    });
-  })
-
-  describe('entry url - /tabs/account', () => {
-    beforeEach(() => {
-      cy.visit('/lazy/tabs/account');
-    });
-    it('should pop to previous view when leaving tabs outlet', () => {
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-
-      cy.get('#goto-tab1-page2').click();
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-
-      cy.get('#goto-global').click();
-
-      cy.get('ion-title').should('contain.text', 'Global Page');
-
-      cy.get('#goto-prev-pop').click();
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-
-      cy.get('#goto-prev').click();
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-
-      /**
-       * Verifies that when entering the tabs outlet directly,
-       * the navController.pop() method does not pop the previous view,
-       * when you are at the root of the tabs outlet.
-       */
-      cy.get('#goto-previous-page').click();
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
+  
+    describe('entry url - /tabs/account', () => {
+      beforeEach(() => {
+        cy.visit('/lazy/tabs/account');
+      });
+      it('should pop to previous view when leaving tabs outlet', () => {
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
+  
+        cy.get('#goto-tab1-page2').click();
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
+  
+        cy.get('#goto-global').click();
+  
+        cy.get('ion-title').should('contain.text', 'Global Page');
+  
+        cy.get('#goto-prev-pop').click();
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
+  
+        cy.get('#goto-prev').click();
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
+  
+        /**
+         * Verifies that when entering the tabs outlet directly,
+         * the navController.pop() method does not pop the previous view,
+         * when you are at the root of the tabs outlet.
+         */
+        cy.get('#goto-previous-page').click();
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
+      });
     });
-  });
-
-  describe('entry url - /', () => {
-    it('should pop to the root outlet from the tabs outlet', () => {
-      cy.visit('/lazy/');
-
-      cy.get('ion-title').should('contain.text', 'Test App');
-
-      cy.get('ion-item').contains('Tabs test').click();
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-
-      cy.get('#goto-tab1-page2').click();
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-
-      cy.get('#goto-global').click();
-
-      cy.get('ion-title').should('contain.text', 'Global Page');
-
-      cy.get('#goto-prev-pop').click();
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
-
-      cy.get('#goto-prev').click();
-
-      cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
-
-      cy.get('#goto-previous-page').click();
-
-      cy.get('ion-title').should('contain.text', 'Test App');
-
+  
+    describe('entry url - /', () => {
+      it('should pop to the root outlet from the tabs outlet', () => {
+        cy.visit('/lazy/');
+  
+        cy.get('ion-title').should('contain.text', 'Test App');
+  
+        cy.get('ion-item').contains('Tabs test').click();
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
+  
+        cy.get('#goto-tab1-page2').click();
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
+  
+        cy.get('#goto-global').click();
+  
+        cy.get('ion-title').should('contain.text', 'Global Page');
+  
+        cy.get('#goto-prev-pop').click();
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 2 (1)');
+  
+        cy.get('#goto-prev').click();
+  
+        cy.get('ion-title').should('contain.text', 'Tab 1 - Page 1');
+  
+        cy.get('#goto-previous-page').click();
+  
+        cy.get('ion-title').should('contain.text', 'Test App');
+  
+      });
     });
-  });
-
-
-  describe('entry url - /tabs/account/nested/1', () => {
-    beforeEach(() => {
-      cy.visit('/lazy/tabs/account/nested/1');
+  
+  
+    describe('entry url - /tabs/account/nested/1', () => {
+      beforeEach(() => {
+        cy.visit('/lazy/tabs/account/nested/1');
+      })
+  
+      it('should only display the back-button when there is a page in the stack', () => {
+        let tab = getSelectedTab();
+        tab.find('ion-back-button').should('not.be.visible');
+        testTabTitle('Tab 1 - Page 2 (1)');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1-nested']);
+  
+        cy.get('#tab-button-account').click();
+        tab = testTabTitle('Tab 1 - Page 1');
+  
+        tab.find('#goto-tab1-page2').click();
+        tab = testTabTitle('Tab 1 - Page 2 (1)');
+        tab.find('ion-back-button').should('be.visible');
+      });
+  
+      it('should not reuse the same page', () => {
+        let tab = testTabTitle('Tab 1 - Page 2 (1)');
+        tab.find('#goto-next').click();
+        tab = testTabTitle('Tab 1 - Page 2 (2)');
+  
+        tab.find('#goto-next').click();
+        tab = testTabTitle('Tab 1 - Page 2 (3)');
+  
+        cy.testStack('ion-tabs ion-router-outlet', [
+          'app-tabs-tab1-nested',
+          'app-tabs-tab1-nested',
+          'app-tabs-tab1-nested'
+        ]);
+  
+        tab = getSelectedTab();
+        tab.find('ion-back-button').click();
+        tab = testTabTitle('Tab 1 - Page 2 (2)');
+        tab.find('ion-back-button').click();
+        tab = testTabTitle('Tab 1 - Page 2 (1)');
+  
+        tab.find('ion-back-button').should('not.be.visible');
+  
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1-nested']);
+      });
+    })
+  
+    describe('entry url - /tabs/lazy', () => {
+      beforeEach(() => {
+        cy.visit('/lazy/tabs/lazy');
+      });
+  
+      it('should not display the back-button if coming from a different stack', () => {
+        let tab = testTabTitle('Tab 3 - Page 1');
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab3']);
+  
+        tab = getSelectedTab();
+        tab.find('#goto-tab1-page2').click();
+        cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab3', 'app-tabs-tab1-nested']);
+  
+        tab = testTabTitle('Tab 1 - Page 2 (1)');
+        tab.find('ion-back-button').should('not.be.visible');
+      });
+    })
+  
+    describe('enter url - /tabs/contact/one', () => {
+      beforeEach(() => {
+        cy.visit('/lazy/tabs/contact/one');
+      });
+  
+      it('should return to correct tab after going to page in different outlet', () => {
+        const tab = getSelectedTab();
+        tab.find('#goto-nested-page1').click();
+        cy.testStack('app-nested-outlet ion-router-outlet', ['app-nested-outlet-page']);
+  
+        const nestedOutlet = cy.get('app-nested-outlet');
+        nestedOutlet.find('ion-back-button').click();
+  
+        testTabTitle('Tab 2 - Page 1');
+      });
     })
-
-    it('should only display the back-button when there is a page in the stack', () => {
-      let tab = getSelectedTab();
-      tab.find('ion-back-button').should('not.be.visible');
-      testTabTitle('Tab 1 - Page 2 (1)');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1-nested']);
-
-      cy.get('#tab-button-account').click();
-      tab = testTabTitle('Tab 1 - Page 1');
-
-      tab.find('#goto-tab1-page2').click();
-      tab = testTabTitle('Tab 1 - Page 2 (1)');
-      tab.find('ion-back-button').should('be.visible');
-    });
-
-    it('should not reuse the same page', () => {
-      let tab = testTabTitle('Tab 1 - Page 2 (1)');
-      tab.find('#goto-next').click();
-      tab = testTabTitle('Tab 1 - Page 2 (2)');
-
-      tab.find('#goto-next').click();
-      tab = testTabTitle('Tab 1 - Page 2 (3)');
-
-      cy.testStack('ion-tabs ion-router-outlet', [
-        'app-tabs-tab1-nested',
-        'app-tabs-tab1-nested',
-        'app-tabs-tab1-nested'
-      ]);
-
-      tab = getSelectedTab();
-      tab.find('ion-back-button').click();
-      tab = testTabTitle('Tab 1 - Page 2 (2)');
-      tab.find('ion-back-button').click();
-      tab = testTabTitle('Tab 1 - Page 2 (1)');
-
-      tab.find('ion-back-button').should('not.be.visible');
-
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab1-nested']);
-    });
   })
 
-  describe('entry url - /tabs/lazy', () => {
+  describe('Without IonRouterOutlet', () => {
     beforeEach(() => {
-      cy.visit('/lazy/tabs/lazy');
-    });
+      cy.visit('/lazy/tabs-basic');
+    })
 
-    it('should not display the back-button if coming from a different stack', () => {
-      let tab = testTabTitle('Tab 3 - Page 1');
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab3']);
+    it('should show correct tab when clicking the tab button', () => {
+      cy.get('ion-tab[tab="tab1"]').should('be.visible');
+      cy.get('ion-tab[tab="tab2"]').should('not.be.visible');
 
-      tab = getSelectedTab();
-      tab.find('#goto-tab1-page2').click();
-      cy.testStack('ion-tabs ion-router-outlet', ['app-tabs-tab3', 'app-tabs-tab1-nested']);
+      cy.get('ion-tab-button[tab="tab2"]').click();
 
-      tab = testTabTitle('Tab 1 - Page 2 (1)');
-      tab.find('ion-back-button').should('not.be.visible');
-    });
-  })
-
-  describe('enter url - /tabs/contact/one', () => {
-    beforeEach(() => {
-      cy.visit('/lazy/tabs/contact/one');
+      cy.get('ion-tab[tab="tab1"]').should('not.be.visible');
+      cy.get('ion-tab[tab="tab2"]').should('be.visible');
     });
 
-    it('should return to correct tab after going to page in different outlet', () => {
-      const tab = getSelectedTab();
-      tab.find('#goto-nested-page1').click();
-      cy.testStack('app-nested-outlet ion-router-outlet', ['app-nested-outlet-page']);
+    it('should not change the URL when clicking the tab button', () => {
+      cy.url().should('include', '/tabs-basic');
 
-      const nestedOutlet = cy.get('app-nested-outlet');
-      nestedOutlet.find('ion-back-button').click();
+      cy.get('ion-tab-button[tab="tab2"]').click();
 
-      testTabTitle('Tab 2 - Page 1');
+      cy.url().should('include', '/tabs-basic');
     });
   })
 })
diff --git a/packages/angular/test/base/e2e/src/standalone/tabs.spec.ts b/packages/angular/test/base/e2e/src/standalone/tabs.spec.ts
index bb0901a1127..f1798cbdabf 100644
--- a/packages/angular/test/base/e2e/src/standalone/tabs.spec.ts
+++ b/packages/angular/test/base/e2e/src/standalone/tabs.spec.ts
@@ -1,21 +1,47 @@
 describe('Tabs', () => {
-  beforeEach(() => {
-    cy.visit('/standalone/tabs');
+  describe('Without IonRouterOutlet', () => {
+    beforeEach(() => {
+      cy.visit('/standalone/tabs');
+    });
+  
+    it('should redirect to the default tab', () => {
+      cy.get('app-tab-one').should('be.visible');
+      cy.contains('Tab 1');
+    });
+  
+    it('should render new content when switching tabs', () => {
+      cy.get('#tab-button-tab-two').click();
+      cy.get('app-tab-two').should('be.visible');
+      cy.contains('Tab 2');
+    });
+  
+    // Issue: https://github.com/ionic-team/ionic-framework/issues/28417
+    it('parentOutlet should be defined', () => {
+      cy.get('#parent-outlet span').should('have.text', 'true');
+    });
   });
 
-  it('should redirect to the default tab', () => {
-    cy.get('app-tab-one').should('be.visible');
-    cy.contains('Tab 1');
-  });
+  describe('Without IonRouterOutlet', () => {
+    beforeEach(() => {
+      cy.visit('/standalone/tabs-basic');
+    })
 
-  it('should render new content when switching tabs', () => {
-    cy.get('#tab-button-tab-two').click();
-    cy.get('app-tab-two').should('be.visible');
-    cy.contains('Tab 2');
-  });
+    it('should show correct tab when clicking the tab button', () => {
+      cy.get('ion-tab[tab="tab1"]').should('be.visible');
+      cy.get('ion-tab[tab="tab2"]').should('not.be.visible');
+
+      cy.get('ion-tab-button[tab="tab2"]').click();
+
+      cy.get('ion-tab[tab="tab1"]').should('not.be.visible');
+      cy.get('ion-tab[tab="tab2"]').should('be.visible');
+    });
+
+    it('should not change the URL when clicking the tab button', () => {
+      cy.url().should('include', '/tabs-basic');
+
+      cy.get('ion-tab-button[tab="tab2"]').click();
 
-  // Fixes https://github.com/ionic-team/ionic-framework/issues/28417
-  it('parentOutlet should be defined', () => {
-    cy.get('#parent-outlet span').should('have.text', 'true');
+      cy.url().should('include', '/tabs-basic');
+    });
   });
 });
diff --git a/packages/angular/test/base/src/app/lazy/app-lazy/app.module.ts b/packages/angular/test/base/src/app/lazy/app-lazy/app.module.ts
index c7c911da16e..caf27670d2d 100644
--- a/packages/angular/test/base/src/app/lazy/app-lazy/app.module.ts
+++ b/packages/angular/test/base/src/app/lazy/app-lazy/app.module.ts
@@ -27,6 +27,7 @@ import { NavigationPage3Component } from '../navigation-page3/navigation-page3.c
 import { AlertComponent } from '../alert/alert.component';
 import { AccordionComponent } from '../accordion/accordion.component';
 import { AccordionModalComponent } from '../accordion/accordion-modal/accordion-modal.component';
+import { TabsBasicComponent } from '../tabs-basic/tabs-basic.component';
 
 @NgModule({
   declarations: [
@@ -51,7 +52,8 @@ import { AccordionModalComponent } from '../accordion/accordion-modal/accordion-
     NavigationPage3Component,
     AlertComponent,
     AccordionComponent,
-    AccordionModalComponent
+    AccordionModalComponent,
+    TabsBasicComponent
   ],
   imports: [
     CommonModule,
diff --git a/packages/angular/test/base/src/app/lazy/app-lazy/app.routes.ts b/packages/angular/test/base/src/app/lazy/app-lazy/app.routes.ts
index 8f96df5270f..0e15ea2867d 100644
--- a/packages/angular/test/base/src/app/lazy/app-lazy/app.routes.ts
+++ b/packages/angular/test/base/src/app/lazy/app-lazy/app.routes.ts
@@ -18,6 +18,7 @@ import { NavigationPage2Component } from '../navigation-page2/navigation-page2.c
 import { NavigationPage3Component } from '../navigation-page3/navigation-page3.component';
 import { AlertComponent } from '../alert/alert.component';
 import { AccordionComponent } from '../accordion/accordion.component';
+import { TabsBasicComponent } from '../tabs-basic/tabs-basic.component';
 
 export const routes: Routes = [
   {
@@ -65,6 +66,7 @@ export const routes: Routes = [
         path: 'tabs-slots',
         loadComponent: () => import('../tabs-slots.component').then(c => c.TabsSlotsComponent)
       },
+      { path: 'tabs-basic', component: TabsBasicComponent },
       {
         path: 'nested-outlet',
         component: NestedOutletComponent,
diff --git a/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html b/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html
index 3c78cea6951..7fdca9c50d8 100644
--- a/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html
+++ b/packages/angular/test/base/src/app/lazy/home-page/home-page.component.html
@@ -37,6 +37,11 @@
         Tabs test
       </ion-label>
     </ion-item>
+    <ion-item routerLink="/lazy/tabs-basic">
+      <ion-label>
+        Basic Tabs test
+      </ion-label>
+    </ion-item>
     <ion-item routerLink="/lazy/nested-outlet/page">
       <ion-label>
         Nested ion-router-outlet
diff --git a/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.css b/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.css
new file mode 100644
index 00000000000..f6f95679b81
--- /dev/null
+++ b/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.css
@@ -0,0 +1,5 @@
+#test {
+  position: absolute;
+  bottom: 100px;
+  left: 0;
+}
diff --git a/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.html b/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.html
new file mode 100644
index 00000000000..e000d6932f7
--- /dev/null
+++ b/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.html
@@ -0,0 +1,53 @@
+<ion-tabs (ionTabsWillChange)="onTabWillChange($event)" (ionTabsDidChange)="onTabDidChange($event)">
+  <ion-tab-bar slot="bottom">
+    <ion-tab-button tab="tab1">
+      <ion-label>Tab One</ion-label>
+      <ion-icon name="add"></ion-icon>
+    </ion-tab-button>
+
+    <ion-tab-button tab="tab2">
+      <ion-label>Tab Two</ion-label>
+      <ion-icon name="logo-ionic"></ion-icon>
+    </ion-tab-button>
+
+    <ion-tab-button tab="tab3">
+      <ion-label>Tab Three</ion-label>
+      <ion-icon name="save"></ion-icon>
+    </ion-tab-button>
+  </ion-tab-bar>
+
+  <ion-tab tab="tab1">
+    <ion-label>Tab 1 Content</ion-label>
+  </ion-tab>
+  <ion-tab tab="tab2">
+    <ion-label>Tab 2 Content</ion-label>
+  </ion-tab>
+  <ion-tab tab="tab3">
+    <ion-label>Tab 3 Content</ion-label>
+  </ion-tab>
+</ion-tabs>
+
+<div id="test">
+  <ul>
+    <li>
+      ionTabsWillChange counter: <span id="ionTabsWillChangeCounter">{{ tabsWillChangeCounter }}</span>
+    </li>
+    <li>
+      ionTabsWillChange event: <span id="ionTabsWillChangeEvent">{{ tabsWillChangeEvent }}</span>
+    </li>
+    <li>
+      ionTabsWillChange selectedTab: <span id="ionTabsWillChangeSelectedTab">{{ tabsWillChangeSelectedTab }}</span>
+    </li>
+  </ul>
+  <ul>
+    <li>
+      ionTabsDidChange counter: <span id="ionTabsDidChangeCounter">{{ tabsDidChangeCounter }}</span>
+    </li>
+    <li>
+      ionTabsDidChange event: <span id="ionTabsDidChangeEvent">{{ tabsDidChangeEvent }}</span>
+    </li>
+    <li>
+      ionTabsDidChange selectedTab: <span id="ionTabsDidChangeSelectedTab">{{ tabsDidChangeSelectedTab }}</span>
+    </li>
+  </ul>
+</div>
diff --git a/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.ts b/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.ts
new file mode 100644
index 00000000000..371dbb8a794
--- /dev/null
+++ b/packages/angular/test/base/src/app/lazy/tabs-basic/tabs-basic.component.ts
@@ -0,0 +1,35 @@
+import { Component, ViewChild } from '@angular/core';
+import { IonTabBar } from '@ionic/angular';
+
+@Component({
+  selector: 'app-tabs-basic',
+  templateUrl: './tabs-basic.component.html',
+  styleUrls: ['./tabs-basic.component.css']
+})
+export class TabsBasicComponent {
+  constructor() { }
+
+  tabsWillChangeCounter = 0;
+  tabsWillChangeEvent = '';
+  tabsWillChangeSelectedTab? = '';
+
+  tabsDidChangeCounter = 0;
+  tabsDidChangeEvent = '';
+  tabsDidChangeSelectedTab? = '';
+
+  @ViewChild(IonTabBar) tabBar!: IonTabBar;
+
+  onTabWillChange(ev: { tab: string }) {
+    console.log('ionTabsWillChange', this.tabBar.selectedTab);
+    this.tabsWillChangeCounter++;
+    this.tabsWillChangeEvent = ev.tab;
+    this.tabsWillChangeSelectedTab = this.tabBar.selectedTab;
+  }
+
+  onTabDidChange(ev: { tab: string }) {
+    console.log('ionTabsDidChange', this.tabBar.selectedTab);
+    this.tabsDidChangeCounter++;
+    this.tabsDidChangeEvent = ev.tab;
+    this.tabsDidChangeSelectedTab = this.tabBar.selectedTab;
+  }
+}
diff --git a/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts b/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts
index 68213d8375e..40afc7a68de 100644
--- a/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts
+++ b/packages/angular/test/base/src/app/standalone/app-standalone/app.routes.ts
@@ -28,6 +28,7 @@ export const routes: Routes = [
           { path: 'tab-three', loadComponent: () => import('../tabs/tab3.component').then(c => c.TabThreeComponent) }
         ]
       },
+      { path: 'tabs-basic', loadComponent: () => import('../tabs-basic/tabs-basic.component').then(c => c.TabsBasicComponent) },
       {
         path: 'value-accessors',
         children: [
diff --git a/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.css b/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.css
new file mode 100644
index 00000000000..f6f95679b81
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.css
@@ -0,0 +1,5 @@
+#test {
+  position: absolute;
+  bottom: 100px;
+  left: 0;
+}
diff --git a/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.html b/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.html
new file mode 100644
index 00000000000..e000d6932f7
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.html
@@ -0,0 +1,53 @@
+<ion-tabs (ionTabsWillChange)="onTabWillChange($event)" (ionTabsDidChange)="onTabDidChange($event)">
+  <ion-tab-bar slot="bottom">
+    <ion-tab-button tab="tab1">
+      <ion-label>Tab One</ion-label>
+      <ion-icon name="add"></ion-icon>
+    </ion-tab-button>
+
+    <ion-tab-button tab="tab2">
+      <ion-label>Tab Two</ion-label>
+      <ion-icon name="logo-ionic"></ion-icon>
+    </ion-tab-button>
+
+    <ion-tab-button tab="tab3">
+      <ion-label>Tab Three</ion-label>
+      <ion-icon name="save"></ion-icon>
+    </ion-tab-button>
+  </ion-tab-bar>
+
+  <ion-tab tab="tab1">
+    <ion-label>Tab 1 Content</ion-label>
+  </ion-tab>
+  <ion-tab tab="tab2">
+    <ion-label>Tab 2 Content</ion-label>
+  </ion-tab>
+  <ion-tab tab="tab3">
+    <ion-label>Tab 3 Content</ion-label>
+  </ion-tab>
+</ion-tabs>
+
+<div id="test">
+  <ul>
+    <li>
+      ionTabsWillChange counter: <span id="ionTabsWillChangeCounter">{{ tabsWillChangeCounter }}</span>
+    </li>
+    <li>
+      ionTabsWillChange event: <span id="ionTabsWillChangeEvent">{{ tabsWillChangeEvent }}</span>
+    </li>
+    <li>
+      ionTabsWillChange selectedTab: <span id="ionTabsWillChangeSelectedTab">{{ tabsWillChangeSelectedTab }}</span>
+    </li>
+  </ul>
+  <ul>
+    <li>
+      ionTabsDidChange counter: <span id="ionTabsDidChangeCounter">{{ tabsDidChangeCounter }}</span>
+    </li>
+    <li>
+      ionTabsDidChange event: <span id="ionTabsDidChangeEvent">{{ tabsDidChangeEvent }}</span>
+    </li>
+    <li>
+      ionTabsDidChange selectedTab: <span id="ionTabsDidChangeSelectedTab">{{ tabsDidChangeSelectedTab }}</span>
+    </li>
+  </ul>
+</div>
diff --git a/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.ts b/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.ts
new file mode 100644
index 00000000000..d66a5924df0
--- /dev/null
+++ b/packages/angular/test/base/src/app/standalone/tabs-basic/tabs-basic.component.ts
@@ -0,0 +1,39 @@
+import { Component, ViewChild } from '@angular/core';
+import { IonTabBar, IonTabButton, IonIcon, IonLabel, IonTabs, IonTab } from '@ionic/angular/standalone';
+import { addIcons } from 'ionicons';
+import { add, logoIonic, save } from 'ionicons/icons';
+
+addIcons({ add, logoIonic, save });
+
+@Component({
+  selector: 'app-tabs-basic',
+  templateUrl: './tabs-basic.component.html',
+  styleUrls: ['./tabs-basic.component.css'],
+  standalone: true,
+  imports: [IonTabBar, IonTabButton, IonIcon, IonLabel, IonTabs, IonTab]
+})
+export class TabsBasicComponent {
+  tabsDidChangeCounter = 0;
+  tabsDidChangeEvent = '';
+  tabsDidChangeSelectedTab? = '';
+
+  tabsWillChangeCounter = 0;
+  tabsWillChangeEvent = '';
+  tabsWillChangeSelectedTab? = '';
+
+  @ViewChild(IonTabBar) tabBar!: IonTabBar;
+
+  onTabWillChange(ev: { tab: string }) {
+    console.log('ionTabsWillChange', this.tabBar.selectedTab);
+    this.tabsWillChangeCounter++;
+    this.tabsWillChangeEvent = ev.tab;
+    this.tabsWillChangeSelectedTab = this.tabBar.selectedTab;
+  }
+
+  onTabDidChange(ev: { tab: string }) {
+    console.log('ionTabsDidChange', this.tabBar.selectedTab);
+    this.tabsDidChangeCounter++;
+    this.tabsDidChangeEvent = ev.tab;
+    this.tabsDidChangeSelectedTab = this.tabBar.selectedTab;
+  }
+}
diff --git a/packages/docs/CHANGELOG.md b/packages/docs/CHANGELOG.md
index b664b24dafe..2f43c1f9f2a 100644
--- a/packages/docs/CHANGELOG.md
+++ b/packages/docs/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 **Note:** Version bump only for package @ionic/docs
diff --git a/packages/docs/package-lock.json b/packages/docs/package-lock.json
index 3578ee053e6..b1b891dece0 100644
--- a/packages/docs/package-lock.json
+++ b/packages/docs/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ionic/docs",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT"
     }
   }
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 8f21a1fd21a..2994cf6a3c8 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",
diff --git a/packages/react-router/CHANGELOG.md b/packages/react-router/CHANGELOG.md
index 886f7d5e40c..ff19b22cc33 100644
--- a/packages/react-router/CHANGELOG.md
+++ b/packages/react-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 **Note:** Version bump only for package @ionic/react-router
diff --git a/packages/react-router/package-lock.json b/packages/react-router/package-lock.json
index f8102c44cee..94c513852e9 100644
--- a/packages/react-router/package-lock.json
+++ b/packages/react-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.2.8",
+        "@ionic/react": "^8.3.0",
         "tslib": "*"
       },
       "devDependencies": {
@@ -238,9 +238,10 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -414,11 +415,12 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.8.tgz",
-      "integrity": "sha512-Gpud9XLmAsQvAxiF097MjmqAi6Fr+a8G4HjLetCh7qy0tePKm7kLsWUoFi8XQbbhd2GQghVL1rkP3T501lBk+A==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.0.tgz",
+      "integrity": "sha512-r343GdjjQENM7otokpj7HKUzArXv7/+2+gsO4stiDE9h24Xs/wlgv5PDrvAB4sE8n/QcV8Vg+glt/Gebm5ZDZQ==",
+      "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.2.8",
+        "@ionic/core": "8.3.0",
         "@stencil/react-output-target": "^0.6.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
@@ -2474,6 +2476,7 @@
       "version": "7.4.0",
       "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.4.0.tgz",
       "integrity": "sha512-ZK94MMqgzMCPPMhmk8Ouu6goyVHFIlw/ACP6oe3FrikcI0N7CX0xcwVaEbUc0G/v3W0shI93vo+9ve/KpvcNhQ==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.0.3"
       }
@@ -4121,9 +4124,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
       "requires": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -4227,11 +4230,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.8.tgz",
-      "integrity": "sha512-Gpud9XLmAsQvAxiF097MjmqAi6Fr+a8G4HjLetCh7qy0tePKm7kLsWUoFi8XQbbhd2GQghVL1rkP3T501lBk+A==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.3.0.tgz",
+      "integrity": "sha512-r343GdjjQENM7otokpj7HKUzArXv7/+2+gsO4stiDE9h24Xs/wlgv5PDrvAB4sE8n/QcV8Vg+glt/Gebm5ZDZQ==",
       "requires": {
-        "@ionic/core": "8.2.8",
+        "@ionic/core": "8.3.0",
         "@stencil/react-output-target": "^0.6.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
diff --git a/packages/react-router/package.json b/packages/react-router/package.json
index 21bf416b146..55596a5beee 100644
--- a/packages/react-router/package.json
+++ b/packages/react-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.2.8",
+    "@ionic/react": "^8.3.0",
     "tslib": "*"
   },
   "peerDependencies": {
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index dba4b07a583..de422a22c7a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+
+### Features
+
+* **react, vue, angular:** use tabs without router ([#29794](https://github.com/ionic-team/ionic-framework/issues/29794)) ([867066b](https://github.com/ionic-team/ionic-framework/commit/867066b4eba369de025f3c7c8ef33e7089cdf3bc)), closes [#25184](https://github.com/ionic-team/ionic-framework/issues/25184)
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 
diff --git a/packages/react/package-lock.json b/packages/react/package-lock.json
index 89b680a79ec..772460858f1 100644
--- a/packages/react/package-lock.json
+++ b/packages/react/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.8",
+        "@ionic/core": "^8.3.0",
         "@stencil/react-output-target": "^0.6.0",
         "ionicons": "^7.0.0",
         "tslib": "*"
@@ -737,9 +737,10 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -12379,9 +12380,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
       "requires": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
diff --git a/packages/react/package.json b/packages/react/package.json
index 5f99116f858..7c94a5b7e85 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.2.8",
+    "@ionic/core": "^8.3.0",
     "@stencil/react-output-target": "^0.6.0",
     "ionicons": "^7.0.0",
     "tslib": "*"
diff --git a/packages/react/src/components/inner-proxies.ts b/packages/react/src/components/inner-proxies.ts
index a2d39091efe..1cdf7e10142 100644
--- a/packages/react/src/components/inner-proxies.ts
+++ b/packages/react/src/components/inner-proxies.ts
@@ -4,6 +4,7 @@ import { defineCustomElement as defineIonBackButton } from '@ionic/core/componen
 import { defineCustomElement as defineIonRouterOutlet } from '@ionic/core/components/ion-router-outlet.js';
 import { defineCustomElement as defineIonTabBar } from '@ionic/core/components/ion-tab-bar.js';
 import { defineCustomElement as defineIonTabButton } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineIonTabs } from '@ionic/core/components/ion-tabs.js';
 import type { JSX as IoniconsJSX } from 'ionicons';
 import { defineCustomElement as defineIonIcon } from 'ionicons/components/ion-icon.js';
 
@@ -19,6 +20,12 @@ export const IonTabBarInner = /*@__PURE__*/ createReactComponent<JSX.IonTabBar,
   undefined,
   defineIonTabBar
 );
+export const IonTabsInner = /*@__PURE__*/ createReactComponent<JSX.IonTabs, HTMLIonTabsElement>(
+  'ion-tabs',
+  undefined,
+  undefined,
+  defineIonTabs
+);
 export const IonBackButtonInner = /*@__PURE__*/ createReactComponent<
   Omit<JSX.IonBackButton, 'icon'>,
   HTMLIonBackButtonElement
diff --git a/packages/react/src/components/navigation/IonTabBar.tsx b/packages/react/src/components/navigation/IonTabBar.tsx
index d38f0ccfd3d..7ae5c9e7cd2 100644
--- a/packages/react/src/components/navigation/IonTabBar.tsx
+++ b/packages/react/src/components/navigation/IonTabBar.tsx
@@ -21,6 +21,7 @@ interface InternalProps extends IonTabBarProps {
   forwardedRef?: React.ForwardedRef<HTMLIonIconElement>;
   onSetCurrentTab: (tab: string, routeInfo: RouteInfo) => void;
   routeInfo: RouteInfo;
+  routerOutletRef?: React.RefObject<HTMLIonRouterOutletElement> | undefined;
 }
 
 interface TabUrls {
@@ -182,7 +183,12 @@ class IonTabBarUnwrapped extends React.PureComponent<InternalProps, IonTabBarSta
   ) {
     const tappedTab = this.state.tabs[e.detail.tab];
     const originalHref = tappedTab.originalHref;
-    const currentHref = e.detail.href;
+    /**
+     * If the router outlet is not defined, then the tabs is being used
+     * as a basic tab navigation without the router. In this case, we
+     * don't want to update the href else the URL will change.
+     */
+    const currentHref = this.props.routerOutletRef?.current ? e.detail.href : '';
     const { activeTab: prevActiveTab } = this.state;
 
     if (onClickFn) {
diff --git a/packages/react/src/components/navigation/IonTabs.tsx b/packages/react/src/components/navigation/IonTabs.tsx
index c4d2df2c35d..6de93bd6a8e 100644
--- a/packages/react/src/components/navigation/IonTabs.tsx
+++ b/packages/react/src/components/navigation/IonTabs.tsx
@@ -5,6 +5,8 @@ import { NavContext } from '../../contexts/NavContext';
 import PageManager from '../../routing/PageManager';
 import { HTMLElementSSR } from '../../utils/HTMLElementSSR';
 import { IonRouterOutlet } from '../IonRouterOutlet';
+import { IonTab } from '../components';
+import { IonTabsInner } from '../inner-proxies';
 
 import { IonTabBar } from './IonTabBar';
 import type { IonTabsContextState } from './IonTabsContext';
@@ -91,6 +93,8 @@ export const IonTabs = /*@__PURE__*/ (() =>
     render() {
       let outlet: React.ReactElement<{}> | undefined;
       let tabBar: React.ReactElement | undefined;
+      // Check if IonTabs has any IonTab children
+      let hasTab = false;
       const { className, onIonTabsDidChange, onIonTabsWillChange, ...props } = this.props;
 
       const children =
@@ -98,19 +102,30 @@ export const IonTabs = /*@__PURE__*/ (() =>
           ? (this.props.children as ChildFunction)(this.ionTabContextState)
           : this.props.children;
 
+      const outletProps = {
+        ref: this.routerOutletRef,
+      };
+
       React.Children.forEach(children, (child: any) => {
         // eslint-disable-next-line no-prototype-builtins
         if (child == null || typeof child !== 'object' || !child.hasOwnProperty('type')) {
           return;
         }
         if (child.type === IonRouterOutlet || child.type.isRouterOutlet) {
-          outlet = React.cloneElement(child);
+          outlet = React.cloneElement(child, outletProps);
         } else if (child.type === Fragment && child.props.children[0].type === IonRouterOutlet) {
-          outlet = child.props.children[0];
+          outlet = React.cloneElement(child.props.children[0], outletProps);
+        } else if (child.type === IonTab) {
+          /**
+           * This indicates that IonTabs will be using a basic tab-based navigation
+           * without the history stack or URL updates associated with the router.
+           */
+          hasTab = true;
         }
 
         let childProps: any = {
           ref: this.tabBarRef,
+          routerOutletRef: this.routerOutletRef,
         };
 
         /**
@@ -144,24 +159,67 @@ export const IonTabs = /*@__PURE__*/ (() =>
         }
       });
 
-      if (!outlet) {
-        throw new Error('IonTabs must contain an IonRouterOutlet');
+      if (!outlet && !hasTab) {
+        throw new Error('IonTabs must contain an IonRouterOutlet or an IonTab');
+      }
+      if (outlet && hasTab) {
+        throw new Error('IonTabs cannot contain an IonRouterOutlet and an IonTab at the same time');
       }
       if (!tabBar) {
         throw new Error('IonTabs needs a IonTabBar');
       }
 
+      if (hasTab) {
+        return <IonTabsInner {...this.props}></IonTabsInner>;
+      }
+
+      /**
+       * TODO(ROU-11051)
+       *
+       * There is no error handling for the case where there
+       * is no associated Route for the given IonTabButton.
+       *
+       * More investigation is needed to determine how to
+       * handle this to prevent any overwriting of the
+       * IonTabButton's onClick handler and how the routing
+       * is handled.
+       */
+
       return (
         <IonTabsContext.Provider value={this.ionTabContextState}>
           {this.context.hasIonicRouter() ? (
             <PageManager className={className ? `${className}` : ''} routeInfo={this.context.routeInfo} {...props}>
-              <ion-tabs className="ion-tabs" style={hostStyles}>
-                {tabBar.props.slot === 'top' ? tabBar : null}
-                <div style={tabsInner} className="tabs-inner">
-                  {outlet}
-                </div>
-                {tabBar.props.slot === 'bottom' ? tabBar : null}
-              </ion-tabs>
+              <IonTabsInner {...this.props}>
+                {React.Children.map(children, (child: React.ReactNode) => {
+                  if (React.isValidElement(child)) {
+                    const isTabBar =
+                      child.type === IonTabBar ||
+                      (child.type as any).isTabBar ||
+                      (child.type === Fragment &&
+                        (child.props.children[1].type === IonTabBar || child.props.children[1].type.isTabBar));
+                    const isRouterOutlet =
+                      child.type === IonRouterOutlet ||
+                      (child.type as any).isRouterOutlet ||
+                      (child.type === Fragment && child.props.children[0].type === IonRouterOutlet);
+
+                    if (isTabBar) {
+                      /**
+                       * The modified tabBar needs to be returned to include
+                       * the context and the overridden methods.
+                       */
+                      return tabBar;
+                    }
+                    if (isRouterOutlet) {
+                      /**
+                       * The modified outlet needs to be returned to include
+                       * the ref.
+                       */
+                      return outlet;
+                    }
+                  }
+                  return child;
+                })}
+              </IonTabsInner>
             </PageManager>
           ) : (
             <div className={className ? `${className}` : 'ion-tabs'} {...props} style={hostStyles}>
diff --git a/packages/react/test/base/src/App.tsx b/packages/react/test/base/src/App.tsx
index 9278550f153..eaf99c129f0 100644
--- a/packages/react/test/base/src/App.tsx
+++ b/packages/react/test/base/src/App.tsx
@@ -26,6 +26,7 @@ import OverlayHooks from './pages/overlay-hooks/OverlayHooks';
 import OverlayComponents from './pages/overlay-components/OverlayComponents';
 import KeepContentsMounted from './pages/overlay-components/KeepContentsMounted';
 import Tabs from './pages/Tabs';
+import TabsBasic from './pages/TabsBasic';
 import Icons from './pages/Icons';
 import NavComponent from './pages/navigation/NavComponent';
 import IonModalConditionalSibling from './pages/overlay-components/IonModalConditionalSibling';
@@ -60,6 +61,7 @@ const App: React.FC = () => (
         <Route path="/keep-contents-mounted" component={KeepContentsMounted} />
         <Route path="/navigation" component={NavComponent} />
         <Route path="/tabs" component={Tabs} />
+        <Route path="/tabs-basic" component={TabsBasic} />
         <Route path="/icons" component={Icons} />
       </IonRouterOutlet>
     </IonReactRouter>
diff --git a/packages/react/test/base/src/pages/Main.tsx b/packages/react/test/base/src/pages/Main.tsx
index 0d95f9d0eff..8286e02a366 100644
--- a/packages/react/test/base/src/pages/Main.tsx
+++ b/packages/react/test/base/src/pages/Main.tsx
@@ -37,6 +37,9 @@ const Main: React.FC<MainProps> = () => {
           <IonItem routerLink="/tabs">
             <IonLabel>Tabs</IonLabel>
           </IonItem>
+          <IonItem routerLink="/tabs-basic">
+            <IonLabel>Tabs with Basic Navigation</IonLabel>
+          </IonItem>
           <IonItem routerLink="/icons">
             <IonLabel>Icons</IonLabel>
           </IonItem>
diff --git a/packages/react/test/base/src/pages/TabsBasic.tsx b/packages/react/test/base/src/pages/TabsBasic.tsx
new file mode 100644
index 00000000000..63821f06e0b
--- /dev/null
+++ b/packages/react/test/base/src/pages/TabsBasic.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import { IonLabel, IonTabBar, IonTabButton, IonTabs, IonTab } from '@ionic/react';
+
+interface TabsProps {}
+
+const TabsBasic: React.FC<TabsProps> = () => {
+  const onTabWillChange = (event: CustomEvent) => {
+    console.log('onIonTabsWillChange', event.detail.tab);
+  };
+
+  const onTabDidChange = (event: CustomEvent) => {
+    console.log('onIonTabsDidChange:', event.detail.tab);
+  };
+
+  return (
+    <IonTabs onIonTabsWillChange={onTabWillChange} onIonTabsDidChange={onTabDidChange}>
+      <IonTab tab="tab1">
+        <IonLabel>Tab 1 Content</IonLabel>
+      </IonTab>
+      <IonTab tab="tab2">
+        <IonLabel>Tab 2 Content</IonLabel>
+      </IonTab>
+      <IonTabBar slot="bottom">
+        <IonTabButton tab="tab1">
+          <IonLabel>Tab 1</IonLabel>
+        </IonTabButton>
+        <IonTabButton tab="tab2">
+          <IonLabel>Tab 2</IonLabel>
+        </IonTabButton>
+      </IonTabBar>
+    </IonTabs>
+  );
+};
+
+export default TabsBasic;
diff --git a/packages/react/test/base/tests/e2e/specs/tabs/tabs.cy.ts b/packages/react/test/base/tests/e2e/specs/tabs/tabs.cy.ts
index 82307081881..544fdc47c41 100644
--- a/packages/react/test/base/tests/e2e/specs/tabs/tabs.cy.ts
+++ b/packages/react/test/base/tests/e2e/specs/tabs/tabs.cy.ts
@@ -1,15 +1,46 @@
 describe('IonTabs', () => {
-  beforeEach(() => {
-    cy.visit('/tabs/tab1');
+  describe('With IonRouterOutlet', () => {
+    beforeEach(() => {
+      cy.visit('/tabs/tab1');
+    });
+
+    it('should handle onClick handlers on IonTabButton', () => {
+      const stub = cy.stub();
+
+      cy.on('window:alert', stub);
+      cy.get('ion-tab-button[tab="tab1"]').click().then(() => {
+        expect(stub.getCall(0)).to.be.calledWith('Tab was clicked')
+      });
+
+    });
   });
 
-  it('should handle onClick handlers on IonTabButton', () => {
-    const stub = cy.stub();
+  describe('Without IonRouterOutlet', () => {
+    beforeEach(() => {
+      cy.visit('/tabs-basic');
+    });
+
+    it.skip('should show correct tab when clicking the tab button', () => {
+      cy.get('ion-tab[tab="tab1"]').should('be.visible');
+      cy.get('ion-tab[tab="tab2"]').should('not.be.visible');
 
-    cy.on('window:alert', stub);
-    cy.get('ion-tab-button[tab="tab1"]').click().then(() => {
-      expect(stub.getCall(0)).to.be.calledWith('Tab was clicked')
+      cy.get('ion-tab-button[tab="tab2"]').click();
+
+      cy.get('ion-tab[tab="tab1"]').should('not.be.visible');
+      cy.get('ion-tab[tab="tab2"]').should('be.visible');
+
+      cy.get('ion-tab-button[tab="tab1"]').click();
+
+      cy.get('ion-tab[tab="tab1"]').should('be.visible');
+      cy.get('ion-tab[tab="tab2"]').should('not.be.visible');
     });
 
+    it('should not change the URL when clicking the tab button', () => {
+      cy.url().should('include', '/tabs-basic');
+
+      cy.get('ion-tab-button[tab="tab2"]').click();
+
+      cy.url().should('include', '/tabs-basic');
+    });
   });
 });
diff --git a/packages/vue-router/CHANGELOG.md b/packages/vue-router/CHANGELOG.md
index 9c3d2301ecd..5d357ea5741 100644
--- a/packages/vue-router/CHANGELOG.md
+++ b/packages/vue-router/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 **Note:** Version bump only for package @ionic/vue-router
diff --git a/packages/vue-router/package-lock.json b/packages/vue-router/package-lock.json
index 3d928e00072..7ea335b764a 100644
--- a/packages/vue-router/package-lock.json
+++ b/packages/vue-router/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.2.8"
+        "@ionic/vue": "^8.3.0"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -661,9 +661,10 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -852,11 +853,12 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.8.tgz",
-      "integrity": "sha512-mQ2qTu4H98lEugD8ogQuufoWgmPyd42bPSJX7KlagGnVa+GQgJ31VXay+hjLdkk/8yTvWaAHKuYTc4idavCiXA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.0.tgz",
+      "integrity": "sha512-qEpNQqQElmgp2rP1yu3B2hf5mOCV1hEY9me/CVU2dg1bTjqQRSpJSW2yO75iEcKV7yu/dldvGWUn7EF2sEuccw==",
+      "license": "MIT",
       "dependencies": {
-        "@ionic/core": "8.2.8",
+        "@ionic/core": "8.3.0",
         "ionicons": "^7.0.0"
       }
     },
@@ -1511,6 +1513,7 @@
       "version": "4.21.0",
       "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.21.0.tgz",
       "integrity": "sha512-v50lnVbzS8mpMSnEVxR+G75XpvxHKtkJaQrNPE8+/fF6Ppr5z4bcdcBhcP8LPfEW+4BZcic6VifMXRwTopc+kw==",
+      "license": "MIT",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -4282,6 +4285,7 @@
       "version": "7.4.0",
       "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-7.4.0.tgz",
       "integrity": "sha512-ZK94MMqgzMCPPMhmk8Ouu6goyVHFIlw/ACP6oe3FrikcI0N7CX0xcwVaEbUc0G/v3W0shI93vo+9ve/KpvcNhQ==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.0.3"
       }
@@ -7878,9 +7882,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
       "requires": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -7993,11 +7997,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.8.tgz",
-      "integrity": "sha512-mQ2qTu4H98lEugD8ogQuufoWgmPyd42bPSJX7KlagGnVa+GQgJ31VXay+hjLdkk/8yTvWaAHKuYTc4idavCiXA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.3.0.tgz",
+      "integrity": "sha512-qEpNQqQElmgp2rP1yu3B2hf5mOCV1hEY9me/CVU2dg1bTjqQRSpJSW2yO75iEcKV7yu/dldvGWUn7EF2sEuccw==",
       "requires": {
-        "@ionic/core": "8.2.8",
+        "@ionic/core": "8.3.0",
         "ionicons": "^7.0.0"
       }
     },
diff --git a/packages/vue-router/package.json b/packages/vue-router/package.json
index ad2d77c0dda..bf735c7d447 100644
--- a/packages/vue-router/package.json
+++ b/packages/vue-router/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "Vue Router integration for @ionic/vue",
   "scripts": {
     "test.spec": "jest",
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/ionic-team/ionic-framework#readme",
   "dependencies": {
-    "@ionic/vue": "^8.2.8"
+    "@ionic/vue": "^8.3.0"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",
diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
index d46c09f5d13..7e5c5a9b740 100644
--- a/packages/vue/CHANGELOG.md
+++ b/packages/vue/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [8.3.0](https://github.com/ionic-team/ionic-framework/compare/v8.2.8...v8.3.0) (2024-09-05)
+
+
+### Features
+
+* **react, vue, angular:** use tabs without router ([#29794](https://github.com/ionic-team/ionic-framework/issues/29794)) ([867066b](https://github.com/ionic-team/ionic-framework/commit/867066b4eba369de025f3c7c8ef33e7089cdf3bc)), closes [#25184](https://github.com/ionic-team/ionic-framework/issues/25184)
+
+
+
+
+
 ## [8.2.8](https://github.com/ionic-team/ionic-framework/compare/v8.2.7...v8.2.8) (2024-09-05)
 
 **Note:** Version bump only for package @ionic/vue
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index b39dfca7843..25d24062761 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.2.8",
+      "version": "8.3.0",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.8",
+        "@ionic/core": "^8.3.0",
         "ionicons": "^7.0.0"
       },
       "devDependencies": {
@@ -208,9 +208,10 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
+      "license": "MIT",
       "dependencies": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
@@ -3970,9 +3971,9 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.8",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.8.tgz",
-      "integrity": "sha512-2ZkgHF8FzpLZj/Ue8i7XngI4m3ITDJIEw0qKZcedPb1n+OzFJ3hcHOrkw+EUactuyW07KyjOr1tVh7G4S3P2BA==",
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.3.0.tgz",
+      "integrity": "sha512-Yv/LA2OOsvdelhvVYKTNL+0AduKXO74DTdQ3lqS/NN512/wCNf2CVt8J62oCs25XOttLAy8RflDUN8joT3bO7A==",
       "requires": {
         "@stencil/core": "^4.19.2",
         "ionicons": "^7.2.2",
diff --git a/packages/vue/package.json b/packages/vue/package.json
index edce47f9081..dce5fbdca90 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.2.8",
+  "version": "8.3.0",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.2.8",
+    "@ionic/core": "^8.3.0",
     "ionicons": "^7.0.0"
   },
   "vetur": {
diff --git a/packages/vue/src/components/IonTabBar.ts b/packages/vue/src/components/IonTabBar.ts
index 16ff89ddf01..74879390f10 100644
--- a/packages/vue/src/components/IonTabBar.ts
+++ b/packages/vue/src/components/IonTabBar.ts
@@ -7,6 +7,7 @@ import { h, defineComponent, getCurrentInstance, inject } from "vue";
 interface TabState {
   activeTab?: string;
   tabs: { [k: string]: Tab };
+  hasRouterOutlet?: boolean;
 }
 
 interface Tab {
@@ -37,6 +38,7 @@ export const IonTabBar = defineComponent({
     /* eslint-disable @typescript-eslint/no-empty-function */
     _tabsWillChange: { type: Function, default: () => {} },
     _tabsDidChange: { type: Function, default: () => {} },
+    _hasRouterOutlet: { type: Boolean, default: false },
     /* eslint-enable @typescript-eslint/no-empty-function */
   },
   data() {
@@ -53,6 +55,7 @@ export const IonTabBar = defineComponent({
   },
   methods: {
     setupTabState(ionRouter: any) {
+      const hasRouterOutlet = this.$props._hasRouterOutlet;
       /**
        * For each tab, we need to keep track of its
        * base href as well as any child page that
@@ -72,27 +75,76 @@ export const IonTabBar = defineComponent({
           ref: child,
         };
 
+        /**
+         * Passing this prop to each tab button
+         * lets it be aware of the presence of
+         * the router outlet.
+         */
+        tabState.hasRouterOutlet = hasRouterOutlet;
+
         /**
          * Passing this prop to each tab button
          * lets it be aware of the state that
          * ion-tab-bar is managing for it.
          */
         child.component.props._getTabState = () => tabState;
+
+        /**
+         * If the router outlet is not defined, then the tabs are being used
+         * as a basic tab navigation without the router. In this case, the
+         * tabs will not emit the `ionTabsDidChange` and `ionTabsWillChange`
+         * events through the `checkActiveTab` method. Instead, we need to
+         * handle those events through the tab buttons.
+         */
+        if (!hasRouterOutlet) {
+          child.component.props._onClick = (
+            event: CustomEvent<{
+              href: string;
+              selected: boolean;
+              tab: string;
+            }>
+          ) => {
+            this.handleIonTabButtonClick(event);
+          };
+        }
       });
 
       this.checkActiveTab(ionRouter);
     },
+    /**
+     * This method is called upon setup and when the
+     * history changes. It checks the current route
+     * and updates the active tab accordingly.
+     *
+     * History changes only occur when the router
+     * outlet is present. Due to this, the
+     * `ionTabsDidChange` and `ionTabsWillChange`
+     * events are only emitted when the router
+     * outlet is present. A different approach must
+     * be taken for tabs without a router outlet.
+     *
+     * @param ionRouter
+     */
     checkActiveTab(ionRouter: any) {
+      const hasRouterOutlet = this.$props._hasRouterOutlet;
       const currentRoute = ionRouter.getCurrentRouteInfo();
       const childNodes = this.$data.tabVnodes;
       const { tabs, activeTab: prevActiveTab } = this.$data.tabState;
-      const tabState = this.$data.tabState;
       const tabKeys = Object.keys(tabs);
-      const activeTab = tabKeys.find((key) => {
+      let activeTab = tabKeys.find((key) => {
         const href = tabs[key].originalHref;
         return currentRoute.pathname.startsWith(href);
       });
 
+      /**
+       * Tabs is being used as a basic tab navigation,
+       * so we need to set the first tab as active since
+       * `checkActiveTab` will not be called after setup.
+       */
+      if (!activeTab && !hasRouterOutlet) {
+        activeTab = tabKeys[0];
+      }
+
       /**
        * For each tab, check to see if the
        * base href has changed. If so, update
@@ -147,6 +199,24 @@ export const IonTabBar = defineComponent({
         }
       }
 
+      this.tabSwitch(activeTab, ionRouter);
+    },
+    handleIonTabButtonClick(
+      event: CustomEvent<{
+        href: string;
+        selected: boolean;
+        tab: string;
+      }>
+    ) {
+      const activeTab = event.detail.tab;
+
+      this.tabSwitch(activeTab);
+    },
+    tabSwitch(activeTab: string, ionRouter?: any) {
+      const hasRouterOutlet = this.$props._hasRouterOutlet;
+      const childNodes = this.$data.tabVnodes;
+      const { activeTab: prevActiveTab } = this.$data.tabState;
+      const tabState = this.$data.tabState;
       const activeChild = childNodes.find(
         (child: VNode) => isTabButton(child) && child.props?.tab === activeTab
       );
@@ -156,17 +226,20 @@ export const IonTabBar = defineComponent({
         if (activeChild) {
           tabDidChange && this.$props._tabsWillChange(activeTab);
 
-          ionRouter.handleSetCurrentTab(activeTab);
+          if (hasRouterOutlet && ionRouter) {
+            ionRouter.handleSetCurrentTab(activeTab);
+          }
+
           tabBar.selectedTab = tabState.activeTab = activeTab;
 
           tabDidChange && this.$props._tabsDidChange(activeTab);
+        } else {
           /**
            * When going to a tab that does
            * not have an associated ion-tab-button
            * we need to remove the selected state from
            * the old tab.
            */
-        } else {
           tabBar.selectedTab = tabState.activeTab = "";
         }
       }
diff --git a/packages/vue/src/components/IonTabButton.ts b/packages/vue/src/components/IonTabButton.ts
index 45435514fe9..b5105a125a0 100644
--- a/packages/vue/src/components/IonTabButton.ts
+++ b/packages/vue/src/components/IonTabButton.ts
@@ -18,6 +18,10 @@ export const IonTabButton = /*@__PURE__*/ defineComponent({
     selected: Boolean,
     tab: String,
     target: String,
+    _onClick: {
+      type: Function,
+      required: false,
+    },
   },
   setup(props, { slots }) {
     defineCustomElement();
@@ -37,11 +41,29 @@ export const IonTabButton = /*@__PURE__*/ defineComponent({
        */
       const { tab, href, _getTabState } = props;
       const tabState = _getTabState();
+      const hasRouterOutlet = tabState.hasRouterOutlet;
       const tappedTab = tabState.tabs[tab] || {};
       const originalHref = tappedTab.originalHref || href;
-      const currentHref = tappedTab.currentHref || href;
+      /**
+       * If the router outlet is not defined, then the tabs is being used
+       * as a basic tab navigation without the router. In this case, we
+       * don't want to update the href else the URL will change.
+       */
+      const currentHref = hasRouterOutlet ? tappedTab.currentHref || href : "";
       const prevActiveTab = tabState.activeTab;
 
+      if (!hasRouterOutlet && props._onClick) {
+        props._onClick(
+          new CustomEvent("ionTabButtonClick", {
+            detail: {
+              href: currentHref,
+              selected: tab === prevActiveTab,
+              tab,
+            },
+          })
+        );
+      }
+
       /**
        * If we are still on the same
        * tab as before, but the base href
diff --git a/packages/vue/src/components/IonTabs.ts b/packages/vue/src/components/IonTabs.ts
index 432c2479b59..4fde919bc82 100644
--- a/packages/vue/src/components/IonTabs.ts
+++ b/packages/vue/src/components/IonTabs.ts
@@ -1,5 +1,8 @@
+import { defineCustomElement } from "@ionic/core/components/ion-tabs.js";
 import type { VNode } from "vue";
-import { h, defineComponent } from "vue";
+import { h, defineComponent, Fragment, isVNode } from "vue";
+
+import { IonTab } from "../proxies";
 
 const WILL_CHANGE = "ionTabsWillChange";
 const DID_CHANGE = "ionTabsDidChange";
@@ -28,64 +31,82 @@ const isTabBar = (node: VNode) => {
   );
 };
 
+const isTab = (node: VNode): boolean => {
+  // The `ion-tab` component was created with the `v-for` directive.
+  if (node.type === Fragment) {
+    if (Array.isArray(node.children)) {
+      return node.children.some((child) => isVNode(child) && isTab(child));
+    }
+
+    return false; // In case the fragment has no children.
+  }
+
+  return (
+    node.type && ((node.type as any).name === "ion-tab" || node.type === IonTab)
+  );
+};
+
 export const IonTabs = /*@__PURE__*/ defineComponent({
   name: "IonTabs",
   emits: [WILL_CHANGE, DID_CHANGE],
+  setup(props, { slots, emit }) {
+    return {
+      props,
+      slots,
+      emit,
+    };
+  },
+  mounted() {
+    /**
+     * `defineCustomElement` must be called in the `mounted` hook
+     * to ensure that the custom element is defined after the
+     * component has been fully rendered and initialized.
+     * This prevents issues with undefined properties, like
+     * `selectedTab` from core, which may occur if the custom
+     * element is defined too early in the component's lifecycle.
+     */
+    defineCustomElement();
+  },
   render() {
-    const { $slots: slots, $emit } = this;
+    const { slots, emit, props } = this;
     const slottedContent = slots.default && slots.default();
     let routerOutlet;
+    let hasTab = false;
 
-    /**
-     * Developers must pass an ion-router-outlet
-     * inside of ion-tabs.
-     */
     if (slottedContent && slottedContent.length > 0) {
+      /**
+       * Developers must pass an ion-router-outlet
+       * inside of ion-tabs if they want to use
+       * the history stack or URL updates associated
+       * wit the router.
+       */
       routerOutlet = slottedContent.find((child: VNode) =>
         isRouterOutlet(child)
       );
+
+      /**
+       * Developers must pass at least one ion-tab
+       * inside of ion-tabs if they want to use a
+       * basic tab-based navigation without the
+       * history stack or URL updates associated
+       * with the router.
+       */
+      hasTab = slottedContent.some((child: VNode) => isTab(child));
     }
 
-    if (!routerOutlet) {
+    if (!routerOutlet && !hasTab) {
+      throw new Error("IonTabs must contain an IonRouterOutlet or an IonTab.");
+    }
+    if (routerOutlet && hasTab) {
       throw new Error(
-        "IonTabs must contain an IonRouterOutlet. See https://ionicframework.com/docs/vue/navigation#working-with-tabs for more information."
+        "IonTabs cannot contain an IonRouterOutlet and IonTab at the same time."
       );
     }
 
-    let childrenToRender = [
-      h(
-        "div",
-        {
-          class: "tabs-inner",
-          style: {
-            position: "relative",
-            flex: "1",
-            contain: "layout size style",
-          },
-        },
-        routerOutlet
-      ),
-    ];
-
-    /**
-     * If ion-tab-bar has slot="top" it needs to be
-     * rendered before `.tabs-inner` otherwise it will
-     * not show above the tab content.
-     */
     if (slottedContent && slottedContent.length > 0) {
-      /**
-       * Render all content except for router outlet
-       * since that needs to be inside of `.tabs-inner`.
-       */
-      const filteredContent = slottedContent.filter(
-        (child: VNode) => !child.type || !isRouterOutlet(child)
-      );
-
-      const slottedTabBar = filteredContent.find((child: VNode) =>
+      const slottedTabBar = slottedContent.find((child: VNode) =>
         isTabBar(child)
       );
-      const hasTopSlotTabBar =
-        slottedTabBar && slottedTabBar.props?.slot === "top";
 
       if (slottedTabBar) {
         if (!slottedTabBar.props) {
@@ -99,18 +120,34 @@ export const IonTabs = /*@__PURE__*/ defineComponent({
          * so we do not have code split across two components.
          */
         slottedTabBar.props._tabsWillChange = (tab: string) =>
-          $emit(WILL_CHANGE, { tab });
+          emit(WILL_CHANGE, { tab });
         slottedTabBar.props._tabsDidChange = (tab: string) =>
-          $emit(DID_CHANGE, { tab });
+          emit(DID_CHANGE, { tab });
+        slottedTabBar.props._hasRouterOutlet = !!routerOutlet;
       }
+    }
 
-      if (hasTopSlotTabBar) {
-        childrenToRender = [...filteredContent, ...childrenToRender];
-      } else {
-        childrenToRender = [...childrenToRender, ...filteredContent];
-      }
+    if (hasTab) {
+      return h(
+        "ion-tabs",
+        {
+          ...props,
+        },
+        slottedContent
+      );
     }
 
+    /**
+     * TODO(ROU-11056)
+     *
+     * Vue handles the error case for when there is no
+     * associated page matching the tab `href`.
+     *
+     * More investigation is needed to determine if we
+     * override the error handling and provide our own
+     * error message.
+     */
+
     return h(
       "ion-tabs",
       {
@@ -128,7 +165,7 @@ export const IonTabs = /*@__PURE__*/ defineComponent({
           "z-index": "0",
         },
       },
-      childrenToRender
+      slottedContent
     );
   },
 });
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index 936b1e1278b..347673a7461 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -72,6 +72,7 @@ import { defineCustomElement as defineIonSelectOption } from '@ionic/core/compon
 import { defineCustomElement as defineIonSkeletonText } from '@ionic/core/components/ion-skeleton-text.js';
 import { defineCustomElement as defineIonSpinner } from '@ionic/core/components/ion-spinner.js';
 import { defineCustomElement as defineIonSplitPane } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineIonTab } from '@ionic/core/components/ion-tab.js';
 import { defineCustomElement as defineIonText } from '@ionic/core/components/ion-text.js';
 import { defineCustomElement as defineIonTextarea } from '@ionic/core/components/ion-textarea.js';
 import { defineCustomElement as defineIonThumbnail } from '@ionic/core/components/ion-thumbnail.js';
@@ -809,6 +810,14 @@ export const IonSplitPane = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion
 ]);
 
 
+export const IonTab = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defineIonTab, [
+  'active',
+  'delegate',
+  'tab',
+  'component'
+]);
+
+
 export const IonText = /*@__PURE__*/ defineContainer<JSX.IonText>('ion-text', defineIonText, [
   'color'
 ]);
diff --git a/packages/vue/test/base/src/router/index.ts b/packages/vue/test/base/src/router/index.ts
index f55aec808af..5e344988313 100644
--- a/packages/vue/test/base/src/router/index.ts
+++ b/packages/vue/test/base/src/router/index.ts
@@ -161,6 +161,10 @@ const routes: Array<RouteRecordRaw> = [
       }
     ]
   },
+  {
+    path: '/tabs-basic',
+    component: () => import('@/views/TabsBasic.vue')
+  },
 ]
 
 const router = createRouter({
diff --git a/packages/vue/test/base/src/views/Home.vue b/packages/vue/test/base/src/views/Home.vue
index 0f04f228904..853832bd8c6 100644
--- a/packages/vue/test/base/src/views/Home.vue
+++ b/packages/vue/test/base/src/views/Home.vue
@@ -44,6 +44,9 @@
         <ion-item router-link="/tabs-secondary" id="tab-secondary">
           <ion-label>Tabs Secondary</ion-label>
         </ion-item>
+        <ion-item router-link="/tabs-basic" id="tab-basic">
+          <ion-label>Tabs with Basic Navigation</ion-label>
+        </ion-item>
         <ion-item router-link="/lifecycle" id="lifecycle">
           <ion-label>Lifecycle</ion-label>
         </ion-item>
diff --git a/packages/vue/test/base/src/views/Tabs.vue b/packages/vue/test/base/src/views/Tabs.vue
index dc07a09bae5..03c9c93c74a 100644
--- a/packages/vue/test/base/src/views/Tabs.vue
+++ b/packages/vue/test/base/src/views/Tabs.vue
@@ -1,7 +1,7 @@
 <template>
   <ion-page data-pageid="tabs">
     <ion-content>
-      <ion-tabs id="tabs">
+      <ion-tabs id="tabs" @ionTabsWillChange="onTabWillChange" @ionTabsDidChange="onTabDidChange">
         <ion-router-outlet></ion-router-outlet>
         <ion-tab-bar slot="bottom">
           <ion-tab-button
@@ -47,7 +47,15 @@ export default defineComponent({
       ]
     }
 
-    return { tabs, addTab }
+    const onTabWillChange = (e: { tab: string }) => {
+      console.log('ionTabsWillChange', e.tab);
+    }
+
+    const onTabDidChange = (e: { tab: string }) => {
+      console.log('ionTabsDidChange', e.tab);
+    }
+
+    return { tabs, addTab, onTabWillChange, onTabDidChange }
   }
 });
 </script>
diff --git a/packages/vue/test/base/src/views/TabsBasic.vue b/packages/vue/test/base/src/views/TabsBasic.vue
new file mode 100644
index 00000000000..9c1af36c895
--- /dev/null
+++ b/packages/vue/test/base/src/views/TabsBasic.vue
@@ -0,0 +1,55 @@
+<template>
+  <ion-page data-pageid="tabs">
+    <ion-content>
+      <ion-tabs id="tabs" @ionTabsWillChange="onTabWillChange" @ionTabsDidChange="onTabDidChange">
+        <ion-tab-bar slot="bottom">
+          <ion-tab-button
+            v-for="tab in tabs"
+            :tab="'tab' + tab.id"
+            :key="tab.id"
+          >
+            <ion-icon :icon="tab.icon" />
+            <ion-label>Tab {{ tab.id }}</ion-label>
+          </ion-tab-button>
+        </ion-tab-bar>
+
+        <ion-tab tab="tab1" data-pageid="tab1">
+          <ion-label>Tab 1 Content</ion-label>
+        </ion-tab>
+        <ion-tab tab="tab2" data-pageid="tab2">
+          <ion-label>Tab 2 Content</ion-label>
+        </ion-tab>
+        <ion-tab tab="tab3" data-pageid="tab3">
+          <ion-label>Tab 3 Content</ion-label>
+        </ion-tab>
+      </ion-tabs>
+    </ion-content>
+  </ion-page>
+</template>
+
+<script lang="ts">
+import { IonTabBar, IonTabButton, IonTabs, IonContent, IonLabel, IonIcon, IonPage, IonTab } from '@ionic/vue';
+import { ellipse, square, triangle } from 'ionicons/icons';
+import { ref, defineComponent } from 'vue';
+
+export default defineComponent({
+  components: { IonContent, IonLabel, IonTabs, IonTabBar, IonTabButton, IonIcon, IonPage, IonTab },
+  setup() {
+    const tabs = ref([
+      { id: 1, icon: triangle },
+      { id: 2, icon: ellipse },
+      { id: 3, icon: square }
+    ])
+
+    const onTabWillChange = (e: { tab: string }) => {
+      console.log('ionTabsWillChange', e.tab);
+    }
+
+    const onTabDidChange = (e: { tab: string }) => {
+      console.log('ionTabsDidChange', e.tab);
+    }
+
+    return { tabs, onTabWillChange, onTabDidChange }
+  }
+});
+</script>
diff --git a/packages/vue/test/base/tests/e2e/specs/tabs.cy.js b/packages/vue/test/base/tests/e2e/specs/tabs.cy.js
index 5e9c621862a..b2c2ee6666c 100644
--- a/packages/vue/test/base/tests/e2e/specs/tabs.cy.js
+++ b/packages/vue/test/base/tests/e2e/specs/tabs.cy.js
@@ -1,702 +1,736 @@
 describe('Tabs', () => {
-  it('should go back from child pages', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+  describe('With IonRouterOutlet', () => {
+    it('should go back from child pages', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
 
-    cy.get('#child-one').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab1childone');
+      cy.get('#child-one').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab1childone');
 
-    cy.get('#child-two').click();
-    cy.ionPageHidden('tab1childone');
-    cy.ionPageVisible('tab1childtwo');
+      cy.get('#child-two').click();
+      cy.ionPageHidden('tab1childone');
+      cy.ionPageVisible('tab1childtwo');
 
-    cy.ionBackClick('tab1childtwo');
-    cy.ionBackClick('tab1childone');
+      cy.ionBackClick('tab1childtwo');
+      cy.ionBackClick('tab1childone');
 
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1childone');
-    cy.ionPageDoesNotExist('tab1childtwo');
-  });
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1childone');
+      cy.ionPageDoesNotExist('tab1childtwo');
+    });
 
-  it('should go back to child page when switching tabs', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+    it('should go back to child page when switching tabs', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
 
-    cy.get('#child-one').click();
+      cy.get('#child-one').click();
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1childone');
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1childone');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.get('ion-tab-button#tab-button-tab1').click();
 
-    cy.ionPageHidden('tab2');
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab2');
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab1childone');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
-  });
+      cy.get('ion-tab-button#tab-button-tab1').click();
+    });
 
-  it('should go to correct tab when going back via browser', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+    it('should go to correct tab when going back via browser', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
 
-    cy.get('#child-one').click();
+      cy.get('#child-one').click();
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1childone');
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1childone');
 
-    cy.go('back');
+      cy.go('back');
 
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-  });
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+    });
 
-  it('should return to tab root when clicking tab button after going back', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+    it('should return to tab root when clicking tab button after going back', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
 
-    cy.get('#child-one').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
+      cy.get('#child-one').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
 
-    cy.get('#child-two').click();
-    cy.ionPageHidden('tab1childone');
-    cy.ionPageVisible('tab1childtwo');
+      cy.get('#child-two').click();
+      cy.ionPageHidden('tab1childone');
+      cy.ionPageVisible('tab1childtwo');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.get('ion-tab-button#tab-button-tab1').click();
 
-    cy.ionPageVisible('tab1');
+      cy.ionPageVisible('tab1');
 
-    // TODO(FW-1420)
-    //cy.ionPageDoesNotExist('tab1childone');
-    cy.ionPageDoesNotExist('tab1childtwo');
-  })
-
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24934
-  it('should return to tab root when clicking tab button', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+      // TODO(FW-1420)
+      //cy.ionPageDoesNotExist('tab1childone');
+      cy.ionPageDoesNotExist('tab1childtwo');
+    })
 
-    cy.get('#child-one').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24934
+    it('should return to tab root when clicking tab button', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
 
-    cy.get('#child-two').click();
-    cy.ionPageHidden('tab1childone');
-    cy.ionPageVisible('tab1childtwo');
+      cy.get('#child-one').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
 
-    cy.ionBackClick('tab1childtwo');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageDoesNotExist('tab1childtwo');
+      cy.get('#child-two').click();
+      cy.ionPageHidden('tab1childone');
+      cy.ionPageVisible('tab1childtwo');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionBackClick('tab1childtwo');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageDoesNotExist('tab1childtwo');
 
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1chilone');
-  })
+      cy.get('ion-tab-button#tab-button-tab1').click();
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24934
-  it('should return to tab root after replacing history', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1chilone');
+    })
 
-    cy.get('#child-one').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24934
+    it('should return to tab root after replacing history', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1chilone');
+      cy.get('#child-one').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
 
-    cy.get('#child-one').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1chilone');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1chilone');
-  })
+      cy.get('#child-one').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
 
-  it('should be able to create and destroy tabs', () => {
-    cy.visit('/')
-    cy.ionPageVisible('home');
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1chilone');
+    })
 
-    cy.get('#tabs').click();
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('home');
+    it('should be able to create and destroy tabs', () => {
+      cy.visit('/')
+      cy.ionPageVisible('home');
 
-    cy.ionBackClick('tab1');
-    cy.ionPageDoesNotExist('tabs');
+      cy.get('#tabs').click();
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('home');
 
-    cy.get('#tabs').click();
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('home');
+      cy.ionBackClick('tab1');
+      cy.ionPageDoesNotExist('tabs');
 
-    cy.ionBackClick('tab1');
-    cy.ionPageDoesNotExist('tabs');
-  });
+      cy.get('#tabs').click();
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('home');
 
-  it('should go back from a tabs page to a non-tabs page using ion-back-button', () => {
-    cy.visit('/');
-    cy.ionPageVisible('home');
+      cy.ionBackClick('tab1');
+      cy.ionPageDoesNotExist('tabs');
+    });
 
-    cy.get('#tabs').click();
-    cy.ionPageVisible('tab1');
+    it('should go back from a tabs page to a non-tabs page using ion-back-button', () => {
+      cy.visit('/');
+      cy.ionPageVisible('home');
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
+      cy.get('#tabs').click();
+      cy.ionPageVisible('tab1');
 
-    cy.ionBackClick('tab2');
-    cy.ionPageVisible('home')
-    cy.ionPageDoesNotExist('tabs');
-  });
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
 
-  it('should properly clear stack when leaving tabs', () => {
-    cy.visit('/');
-    cy.ionPageVisible('home');
+      cy.ionBackClick('tab2');
+      cy.ionPageVisible('home')
+      cy.ionPageDoesNotExist('tabs');
+    });
 
-    cy.get('#tabs').click();
-    cy.ionPageVisible('tab1');
+    it('should properly clear stack when leaving tabs', () => {
+      cy.visit('/');
+      cy.ionPageVisible('home');
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
+      cy.get('#tabs').click();
+      cy.ionPageVisible('tab1');
 
-    cy.ionBackClick('tab2');
-    cy.ionPageVisible('home')
-    cy.ionPageDoesNotExist('tabs');
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
 
-    cy.get('#tabs').click();
-    cy.ionPageVisible('tab1');
+      cy.ionBackClick('tab2');
+      cy.ionPageVisible('home')
+      cy.ionPageDoesNotExist('tabs');
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-  });
+      cy.get('#tabs').click();
+      cy.ionPageVisible('tab1');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22344
-  it('should show tab 1 when redirecting from tab 3', () => {
-    cy.visit('/tabs/tab3');
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+    });
 
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab3');
-    cy.ionPageVisible('tabs');
-  });
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22344
+    it('should show tab 1 when redirecting from tab 3', () => {
+      cy.visit('/tabs/tab3');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22307
-  it('should select correct tab after going back', () => {
-    cy.visit('/tabs-secondary/tab1');
-    cy.ionPageVisible('tab1-secondary');
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab3');
+      cy.ionPageVisible('tabs');
+    });
 
-    cy.get('ion-tab-button#tab-button-tab2-secondary').click();
-    cy.ionPageVisible('tab2-secondary');
-    cy.ionPageHidden('tab1-secondary');
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22307
+    it('should select correct tab after going back', () => {
+      cy.visit('/tabs-secondary/tab1');
+      cy.ionPageVisible('tab1-secondary');
 
-    cy.get('ion-tab-button#tab-button-tab3-secondary').click();
-    cy.ionPageVisible('tab3-secondary');
-    cy.ionPageHidden('tab2-secondary');
+      cy.get('ion-tab-button#tab-button-tab2-secondary').click();
+      cy.ionPageVisible('tab2-secondary');
+      cy.ionPageHidden('tab1-secondary');
 
-    cy.go('back');
-    cy.ionPageVisible('tab2-secondary');
-    cy.ionPageHidden('tab3-secondary');
+      cy.get('ion-tab-button#tab-button-tab3-secondary').click();
+      cy.ionPageVisible('tab3-secondary');
+      cy.ionPageHidden('tab2-secondary');
 
-    cy.go('back');
-    cy.ionPageVisible('tab1-secondary');
-    cy.ionPageHidden('tab2-secondary');
+      cy.go('back');
+      cy.ionPageVisible('tab2-secondary');
+      cy.ionPageHidden('tab3-secondary');
 
-    cy.get('ion-tab-button#tab-button-tab3-secondary').click();
-    cy.ionPageVisible('tab3-secondary');
-    cy.ionPageHidden('tab1-secondary');
-  });
+      cy.go('back');
+      cy.ionPageVisible('tab1-secondary');
+      cy.ionPageHidden('tab2-secondary');
 
-  // Verifies 1 of 2 fixes for https://github.com/ionic-team/ionic-framework/issues/22519
-  it('should show correct tab when switching between tabbed and non-tabbed contexts', () => {
-    cy.visit('/routing');
-    cy.ionPageVisible('routing');
+      cy.get('ion-tab-button#tab-button-tab3-secondary').click();
+      cy.ionPageVisible('tab3-secondary');
+      cy.ionPageHidden('tab1-secondary');
+    });
 
-    cy.get('[data-pageid="routing"] #tab1').click();
-    cy.ionPageHidden('routing');
-    cy.ionPageVisible('tab1');
+    // Verifies 1 of 2 fixes for https://github.com/ionic-team/ionic-framework/issues/22519
+    it('should show correct tab when switching between tabbed and non-tabbed contexts', () => {
+      cy.visit('/routing');
+      cy.ionPageVisible('routing');
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab2');
+      cy.get('[data-pageid="routing"] #tab1').click();
+      cy.ionPageHidden('routing');
+      cy.ionPageVisible('tab1');
 
-    cy.get('[data-pageid="tab2"] #routing').click();
-    cy.ionPageVisible('routing');
-    cy.ionPageHidden('tabs');
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab2');
 
-    cy.get('[data-pageid="routing"] #tab1').click();
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('routing');
-    cy.ionPageHidden('tab2');
-  });
+      cy.get('[data-pageid="tab2"] #routing').click();
+      cy.ionPageVisible('routing');
+      cy.ionPageHidden('tabs');
 
-  // Verifies 1 of 2 fixes for https://github.com/ionic-team/ionic-framework/issues/22519
-  it('should not create a new tabs instance when switching between tabbed and non-tabbed contexts', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
+      cy.get('[data-pageid="routing"] #tab1').click();
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('routing');
+      cy.ionPageHidden('tab2');
+    });
 
-    cy.routerPush('/');
-    cy.ionPageHidden('tabs');
-    cy.ionPageVisible('home');
+    // Verifies 1 of 2 fixes for https://github.com/ionic-team/ionic-framework/issues/22519
+    it('should not create a new tabs instance when switching between tabbed and non-tabbed contexts', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
 
-    cy.routerPush('/tabs/tab2');
-    cy.ionPageHidden('tab1');
+      cy.routerPush('/');
+      cy.ionPageHidden('tabs');
+      cy.ionPageVisible('home');
 
-    cy.ionPageHidden('home');
+      cy.routerPush('/tabs/tab2');
+      cy.ionPageHidden('tab1');
 
-    cy.ionPageVisible('tab2');
-    cy.ionPageVisible('tabs');
-  });
+      cy.ionPageHidden('home');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22597
-  it('should deselect old tab button when going to a tab that does not have a tab button', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
+      cy.ionPageVisible('tab2');
+      cy.ionPageVisible('tabs');
+    });
 
-    cy.get('ion-tab-button#tab-button-tab1').should('have.class', 'tab-selected');
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22597
+    it('should deselect old tab button when going to a tab that does not have a tab button', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
 
-    cy.routerPush('/tabs/tab4');
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab4');
+      cy.get('ion-tab-button#tab-button-tab1').should('have.class', 'tab-selected');
 
-    cy.get('ion-tab-button#tab-button-tab1').should('not.have.class', 'tab-selected');
-  });
+      cy.routerPush('/tabs/tab4');
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab4');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/23101
-  it('should return to previous tab instance when using the ion-back-button', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
+      cy.get('ion-tab-button#tab-button-tab1').should('not.have.class', 'tab-selected');
+    });
 
-    cy.get('#tabs-secondary').click();
-    cy.ionPageHidden('tabs');
-    cy.ionPageVisible('tab1-secondary');
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/23101
+    it('should return to previous tab instance when using the ion-back-button', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
 
-    cy.get('ion-tab-button#tab-button-tab2-secondary').click();
-    cy.ionPageHidden('tab1-secondary');
-    cy.ionPageVisible('tab2-secondary');
+      cy.get('#tabs-secondary').click();
+      cy.ionPageHidden('tabs');
+      cy.ionPageVisible('tab1-secondary');
 
-    cy.get('ion-tab-button#tab-button-tab1-secondary').click();
-    cy.ionPageHidden('tab2-secondary');
-    cy.ionPageVisible('tab1-secondary');
+      cy.get('ion-tab-button#tab-button-tab2-secondary').click();
+      cy.ionPageHidden('tab1-secondary');
+      cy.ionPageVisible('tab2-secondary');
 
-    cy.ionBackClick('tab1-secondary');
-    cy.ionPageDoesNotExist('tabs-secondary');
-    cy.ionPageVisible('tab1');
-  });
+      cy.get('ion-tab-button#tab-button-tab1-secondary').click();
+      cy.ionPageHidden('tab2-secondary');
+      cy.ionPageVisible('tab1-secondary');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/23087
-  it('should return to correct view and url when going back from child page after switching tabs', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
+      cy.ionBackClick('tab1-secondary');
+      cy.ionPageDoesNotExist('tabs-secondary');
+      cy.ionPageVisible('tab1');
+    });
 
-    cy.get('#child-one').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab1childone');
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/23087
+    it('should return to correct view and url when going back from child page after switching tabs', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1childone');
-    cy.ionPageVisible('tab2');
+      cy.get('#child-one').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab1childone');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageHidden('tab2');
-    cy.ionPageVisible('tab1childone');
-
-    cy.ionBackClick('tab1childone');
-    cy.ionPageDoesNotExist('tab1childone');
-    cy.ionPageVisible('tab1');
-
-    cy.url().should('include', '/tabs/tab1');
-  });
-
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22847
-  it('should support dynamic tabs', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
-
-    cy.get('ion-tab-button').its('length').should('equal', 3);
-    cy.get('ion-tab-button#tab-button-tab1').should('have.class', 'tab-selected');
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1childone');
+      cy.ionPageVisible('tab2');
 
-    cy.get('#add-tab').click();
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageHidden('tab2');
+      cy.ionPageVisible('tab1childone');
+
+      cy.ionBackClick('tab1childone');
+      cy.ionPageDoesNotExist('tab1childone');
+      cy.ionPageVisible('tab1');
+
+      cy.url().should('include', '/tabs/tab1');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/22847
+    it('should support dynamic tabs', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
+
+      cy.get('ion-tab-button').its('length').should('equal', 3);
+      cy.get('ion-tab-button#tab-button-tab1').should('have.class', 'tab-selected');
 
-    cy.get('ion-tab-button').its('length').should('equal', 4);
+      cy.get('#add-tab').click();
 
-    cy.get('ion-tab-button#tab-button-tab4').click();
-    cy.ionPageVisible('tab4');
-    cy.ionPageHidden('tab1');
+      cy.get('ion-tab-button').its('length').should('equal', 4);
 
-    cy.get('ion-tab-button#tab-button-tab1').should('not.have.class', 'tab-selected');
-    cy.get('ion-tab-button#tab-button-tab4').should('have.class', 'tab-selected');
-  });
+      cy.get('ion-tab-button#tab-button-tab4').click();
+      cy.ionPageVisible('tab4');
+      cy.ionPageHidden('tab1');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/23699
-  it('should preserve query string when switching tabs', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
+      cy.get('ion-tab-button#tab-button-tab1').should('not.have.class', 'tab-selected');
+      cy.get('ion-tab-button#tab-button-tab4').should('have.class', 'tab-selected');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/23699
+    it('should preserve query string when switching tabs', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
 
-    cy.get('#child-one-query-string').click();
-    cy.ionPageVisible('tab1child-one');
-    cy.ionPageHidden('tab1');
+      cy.get('#child-one-query-string').click();
+      cy.ionPageVisible('tab1child-one');
+      cy.ionPageHidden('tab1');
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1child-one');
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1child-one');
 
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageVisible('tab1child-one');
-    cy.ionPageHidden('tab2');
-
-    cy.url().should('include', '/tabs/tab1/child-one?key=value');
-  });
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageVisible('tab1child-one');
+      cy.ionPageHidden('tab2');
+
+      cy.url().should('include', '/tabs/tab1/child-one?key=value');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24353
+    it('should handle clicking tab multiple times without query string', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('tab2');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('tab2');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24332
+    it('should not unmount tab 1 when leaving tabs context', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
+
+      // Dynamically add tab 4 because tab 3 redirects to tab 1
+      cy.get('#add-tab').click();
+
+      cy.get('ion-tab-button#tab-button-tab4').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab4');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab4');
+      cy.ionPageVisible('tab2');
+
+      cy.get('[data-pageid="tab2"] #routing').click();
+      cy.ionPageVisible('routing');
+      cy.ionPageHidden('tabs');
+
+      cy.ionBackClick('routing');
+      cy.ionPageDoesNotExist('routing');
+      cy.ionPageVisible('tabs');
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24654
+    it('should not error when going back to a tabs view from a non tabs view', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
+
+      cy.routerPush('/tabs/tab1/childone');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.routerGo(-1);
+      cy.ionPageDoesNotExist('tab1childone');
+      cy.ionPageVisible('tab1');
+
+      cy.routerPush('/tabs/tab1/childtwo');
+      cy.ionPageVisible('tab1childtwo');
+      cy.ionPageHidden('tab1');
+
+      cy.routerPush('/inputs');
+      cy.ionPageVisible('tab1childtwo');
+      cy.ionPageHidden('tabs');
+
+      cy.routerGo(-1);
+      cy.ionPageDoesNotExist('inputs');
+      cy.ionPageVisible('tab1childtwo');
+      cy.ionPageVisible('tabs');
+    })
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24432
+    it('should properly reset location history when switching tabs after going back', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
+
+      cy.routerPush('/tabs/tab1/childone');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.ionRouterBack();
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1childone');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1');
+
+      cy.ionRouterBack();
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab2');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24432
+    it('should correctly replace a route in a child tab route', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
+
+      cy.routerPush('/tabs/tab1/childone');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.ionRouterReplace('/tabs/tab1');
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1childone');
+    })
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24859
+    it('should go back to the root page after navigating between tab and non tab outlets', () => {
+      cy.visit('/');
+      cy.ionPageVisible('home');
+
+      cy.routerPush('/tabs/tab1');
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('home');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab2');
+
+      cy.routerPush('/routing');
+      cy.ionPageVisible('routing');
+      cy.ionPageHidden('tabs');
+
+      cy.routerPush('/tabs/tab1');
+      cy.ionPageVisible('tabs');
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('routing');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab2');
+
+      cy.ionBackClick('tab2');
+      cy.ionPageVisible('home');
+      cy.ionPageDoesNotExist('tabs');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24936
+    it('should correctly go back after changing tabs', () => {
+      cy.visit('/tabs/tab1');
+      cy.ionPageVisible('tab1');
+
+      cy.routerPush('/tabs/tab1/childone');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.routerPush('/tabs/tab1/childtwo');
+      cy.ionPageVisible('tab1childtwo');
+      cy.ionPageHidden('tab1childone');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1childtwo');
+      cy.ionPageVisible('tab2');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageHidden('tab2');
+      cy.ionPageVisible('tab1childtwo');
+
+      cy.ionBackClick('tab1childtwo');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageDoesNotExist('tab1childtwo');
+
+      cy.ionBackClick('tab1childone');
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1childone');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24303
+    it('should correctly perform router.go without errors after navigating into tabs', () => {
+      cy.visit('/');
+      cy.ionPageVisible('home');
+
+      cy.routerPush('/inputs');
+      cy.ionPageVisible('inputs');
+      cy.ionPageHidden('home');
+
+      cy.routerPush('/routing');
+      cy.ionPageVisible('routing');
+      cy.ionPageHidden('inputs');
+
+      cy.routerPush('/tabs/tab1');
+      cy.ionPageVisible('tab1');
+      cy.ionPageHidden('routing');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab2');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageHidden('tab2');
+      cy.ionPageVisible('tab1');
+
+      cy.routerGo(-1);
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1');
+    });
+
+    // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/25255
+    it('should not error when going back to root tab multiple times', () => {
+      cy.visit('/tabs');
+      cy.ionPageVisible('tab1');
+
+      cy.routerPush('/tabs/tab1/childone');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1childone');
+      cy.ionPageVisible('tab2');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageHidden('tab2');
+      cy.ionPageVisible('tab1childone');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageDoesNotExist('tab1childone');
+      cy.ionPageVisible('tab1');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab2');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageHidden('tab2');
+      cy.ionPageVisible('tab1');
+
+      cy.routerPush('/tabs/tab1/childone');
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageHidden('tab1childone');
+      cy.ionPageVisible('tab2');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageHidden('tab2');
+      cy.ionPageVisible('tab1childone');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageDoesNotExist('tab1childone');
+      cy.ionPageVisible('tab1');
+    })
+  })
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24353
-  it('should handle clicking tab multiple times without query string', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
+  describe('Without IonRouterOutlet', () => {
+    beforeEach(() => {
+      cy.visit('/tabs-basic');
+    });
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('tab2');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('tab2');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1');
-  });
-
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24332
-  it('should not unmount tab 1 when leaving tabs context', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
-
-    // Dynamically add tab 4 because tab 3 redirects to tab 1
-    cy.get('#add-tab').click();
-
-    cy.get('ion-tab-button#tab-button-tab4').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab4');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab4');
-    cy.ionPageVisible('tab2');
-
-    cy.get('[data-pageid="tab2"] #routing').click();
-    cy.ionPageVisible('routing');
-    cy.ionPageHidden('tabs');
-
-    cy.ionBackClick('routing');
-    cy.ionPageDoesNotExist('routing');
-    cy.ionPageVisible('tabs');
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1');
-  });
+    it('should show correct tab when clicking the tab button', () => {
+      cy.get('ion-tab[data-pageid=tab1]').should('be.visible');
+      cy.get('ion-tab[data-pageid=tab2]').should('not.be.visible');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24654
-  it('should not error when going back to a tabs view from a non tabs view', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
-
-    cy.routerPush('/tabs/tab1/childone');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.routerGo(-1);
-    cy.ionPageDoesNotExist('tab1childone');
-    cy.ionPageVisible('tab1');
-
-    cy.routerPush('/tabs/tab1/childtwo');
-    cy.ionPageVisible('tab1childtwo');
-    cy.ionPageHidden('tab1');
-
-    cy.routerPush('/inputs');
-    cy.ionPageVisible('tab1childtwo');
-    cy.ionPageHidden('tabs');
-
-    cy.routerGo(-1);
-    cy.ionPageDoesNotExist('inputs');
-    cy.ionPageVisible('tab1childtwo');
-    cy.ionPageVisible('tabs');
-  })
+      const tabbutton = cy.get('ion-tab-button#tab-button-tab2');
+      console.log('tabbutton', tabbutton);
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24432
-  it('should properly reset location history when switching tabs after going back', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+      cy.get('ion-tab-button#tab-button-tab2').click();
 
-    cy.routerPush('/tabs/tab1/childone');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
+      cy.get('ion-tab[data-pageid=tab1]').should('not.be.visible');
+      cy.get('ion-tab[data-pageid=tab2]').should('be.visible');
 
-    cy.ionRouterBack();
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1childone');
+      cy.get('ion-tab-button#tab-button-tab1').click();
 
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1');
+      cy.get('ion-tab[data-pageid=tab1]').should('be.visible');
+      cy.get('ion-tab[data-pageid=tab2]').should('not.be.visible');
+    });
 
-    cy.ionRouterBack();
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab2');
-  });
+    it('should not change the URL when clicking the tab button', () => {
+      cy.url().should('include', '/tabs-basic');
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24432
-  it('should correctly replace a route in a child tab route', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
+      cy.get('ion-tab-button#tab-button-tab2').click();
 
-    cy.routerPush('/tabs/tab1/childone');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.ionRouterReplace('/tabs/tab1');
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1childone');
+      cy.url().should('include', '/tabs-basic');
+    });
   })
 
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24859
-  it('should go back to the root page after navigating between tab and non tab outlets', () => {
-    cy.visit('/');
-    cy.ionPageVisible('home');
-
-    cy.routerPush('/tabs/tab1');
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('home');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab2');
-
-    cy.routerPush('/routing');
-    cy.ionPageVisible('routing');
-    cy.ionPageHidden('tabs');
-
-    cy.routerPush('/tabs/tab1');
-    cy.ionPageVisible('tabs');
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('routing');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab2');
-
-    cy.ionBackClick('tab2');
-    cy.ionPageVisible('home');
-    cy.ionPageDoesNotExist('tabs');
-  });
-
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24936
-  it('should correctly go back after changing tabs', () => {
-    cy.visit('/tabs/tab1');
-    cy.ionPageVisible('tab1');
-
-    cy.routerPush('/tabs/tab1/childone');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.routerPush('/tabs/tab1/childtwo');
-    cy.ionPageVisible('tab1childtwo');
-    cy.ionPageHidden('tab1childone');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1childtwo');
-    cy.ionPageVisible('tab2');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageHidden('tab2');
-    cy.ionPageVisible('tab1childtwo');
-
-    cy.ionBackClick('tab1childtwo');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageDoesNotExist('tab1childtwo');
-
-    cy.ionBackClick('tab1childone');
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1childone');
-  });
-
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/24303
-  it('should correctly perform router.go without errors after navigating into tabs', () => {
-    cy.visit('/');
-    cy.ionPageVisible('home');
-
-    cy.routerPush('/inputs');
-    cy.ionPageVisible('inputs');
-    cy.ionPageHidden('home');
-
-    cy.routerPush('/routing');
-    cy.ionPageVisible('routing');
-    cy.ionPageHidden('inputs');
-
-    cy.routerPush('/tabs/tab1');
-    cy.ionPageVisible('tab1');
-    cy.ionPageHidden('routing');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab2');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageHidden('tab2');
-    cy.ionPageVisible('tab1');
-
-    cy.routerGo(-1);
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1');
-  });
-
-  // Verifies fix for https://github.com/ionic-team/ionic-framework/issues/25255
-  it('should not error when going back to root tab multiple times', () => {
-    cy.visit('/tabs');
-    cy.ionPageVisible('tab1');
-
-    cy.routerPush('/tabs/tab1/childone');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1childone');
-    cy.ionPageVisible('tab2');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageHidden('tab2');
-    cy.ionPageVisible('tab1childone');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageDoesNotExist('tab1childone');
-    cy.ionPageVisible('tab1');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab2');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageHidden('tab2');
-    cy.ionPageVisible('tab1');
-
-    cy.routerPush('/tabs/tab1/childone');
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageHidden('tab1childone');
-    cy.ionPageVisible('tab2');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageHidden('tab2');
-    cy.ionPageVisible('tab1childone');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageDoesNotExist('tab1childone');
-    cy.ionPageVisible('tab1');
+  describe('Swipe to Go Back', () => {
+    beforeEach(() => {
+      cy.viewport(320, 568);
+      cy.visit('?ionic:mode=ios');
+      cy.ionPageVisible('home');
+      cy.get('#tabs').click();
+      cy.ionPageHidden('home');
+      cy.ionPageVisible('tab1')
+    });
+
+    // TODO: Flaky if test runner is slow
+    // Delays between gesture movements
+    // cause swipe back gesture to think
+    // velocity is higher than it actually is
+    /*it('should swipe and abort', () => {
+      cy.ionSwipeToGoBack();
+      cy.ionPageHidden('home');
+      cy.ionPageVisible('tab1');
+    });*/
+
+    it.skip('should swipe and go back to home', () => {
+      cy.ionSwipeToGoBack(true);
+      cy.ionPageVisible('home');
+
+      // TODO: Vue router does not go back in cypress with router.back()
+      //cy.ionPageDoesNotExist('tabs1');
+    });
+
+    it('should swipe and abort within a tab', () => {
+      cy.get('#child-one').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.ionSwipeToGoBack(false, 'ion-tabs#tabs ion-router-outlet');
+
+      cy.ionPageHidden('tab1');
+      cy.ionPageVisible('tab1childone');
+    });
+
+    it.skip('should swipe and go back within a tab', () => {
+      cy.get('#child-one').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.ionSwipeToGoBack(true, 'ion-tabs#tabs ion-router-outlet');
+
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1childone');
+    });
+
+    it.skip('should swipe and go back to correct tab after switching tabs', () => {
+      cy.get('#child-one').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab1');
+
+      cy.get('ion-tab-button#tab-button-tab2').click();
+      cy.ionPageVisible('tab2');
+      cy.ionPageHidden('tab1childone');
+
+      cy.get('ion-tab-button#tab-button-tab1').click();
+      cy.ionPageVisible('tab1childone');
+      cy.ionPageHidden('tab2');
+
+      cy.ionSwipeToGoBack(true, 'ion-tabs#tabs ion-router-outlet');
+
+      cy.ionPageVisible('tab1');
+      cy.ionPageDoesNotExist('tab1childone');
+
+      cy.ionSwipeToGoBack(true, 'ion-tabs#tabs ion-router-outlet');
+      cy.ionPageVisible('home');
+    });
   })
-})
 
-describe('Tabs - Swipe to Go Back', () => {
-  beforeEach(() => {
-    cy.viewport(320, 568);
-    cy.visit('?ionic:mode=ios');
-    cy.ionPageVisible('home');
-    cy.get('#tabs').click();
-    cy.ionPageHidden('home');
-    cy.ionPageVisible('tab1')
-  });
-
-  // TODO: Flaky if test runner is slow
-  // Delays between gesture movements
-  // cause swipe back gesture to think
-  // velocity is higher than it actually is
-  /*it('should swipe and abort', () => {
-    cy.ionSwipeToGoBack();
-    cy.ionPageHidden('home');
-    cy.ionPageVisible('tab1');
-  });*/
-
-  it.skip('should swipe and go back to home', () => {
-    cy.ionSwipeToGoBack(true);
-    cy.ionPageVisible('home');
-
-    // TODO: Vue router does not go back in cypress with router.back()
-    //cy.ionPageDoesNotExist('tabs1');
-  });
-
-  it('should swipe and abort within a tab', () => {
-    cy.get('#child-one').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.ionSwipeToGoBack(false, 'ion-tabs#tabs ion-router-outlet');
-
-    cy.ionPageHidden('tab1');
-    cy.ionPageVisible('tab1childone');
-  });
-
-  it.skip('should swipe and go back within a tab', () => {
-    cy.get('#child-one').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.ionSwipeToGoBack(true, 'ion-tabs#tabs ion-router-outlet');
-
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1childone');
-  });
-
-  it.skip('should swipe and go back to correct tab after switching tabs', () => {
-    cy.get('#child-one').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab1');
-
-    cy.get('ion-tab-button#tab-button-tab2').click();
-    cy.ionPageVisible('tab2');
-    cy.ionPageHidden('tab1childone');
-
-    cy.get('ion-tab-button#tab-button-tab1').click();
-    cy.ionPageVisible('tab1childone');
-    cy.ionPageHidden('tab2');
-
-    cy.ionSwipeToGoBack(true, 'ion-tabs#tabs ion-router-outlet');
-
-    cy.ionPageVisible('tab1');
-    cy.ionPageDoesNotExist('tab1childone');
-
-    cy.ionSwipeToGoBack(true, 'ion-tabs#tabs ion-router-outlet');
-    cy.ionPageVisible('home');
-  });
-})
+  describe('Multi Tabs', () => {
+    it('should navigate to multiple tabs instances', () => {
+      cy.visit('/tabs')
 
-describe('Multi Tabs', () => {
-  it('should navigate to multiple tabs instances', () => {
-    cy.visit('/tabs')
+      cy.get('#tabs-secondary').click();
+      cy.ionPageHidden('tabs');
+      cy.ionPageVisible('tabs-secondary');
 
-    cy.get('#tabs-secondary').click();
-    cy.ionPageHidden('tabs');
-    cy.ionPageVisible('tabs-secondary');
+      cy.get('[data-pageid="tab1-secondary"] #tabs-primary').click();
+      cy.ionPageHidden('tabs-secondary');
+      cy.ionPageVisible('tabs');
 
-    cy.get('[data-pageid="tab1-secondary"] #tabs-primary').click();
-    cy.ionPageHidden('tabs-secondary');
-    cy.ionPageVisible('tabs');
+      cy.ionBackClick('tab1');
+      cy.ionPageVisible('tabs-secondary');
+      cy.ionPageDoesNotExist('tabs');
 
-    cy.ionBackClick('tab1');
-    cy.ionPageVisible('tabs-secondary');
-    cy.ionPageDoesNotExist('tabs');
+      cy.ionBackClick('tab1-secondary');
+      cy.ionPageVisible('tabs');
+      cy.ionPageDoesNotExist('tabs-secondary');
 
-    cy.ionBackClick('tab1-secondary');
-    cy.ionPageVisible('tabs');
-    cy.ionPageDoesNotExist('tabs-secondary');
+      cy.ionBackClick('tab1');
 
-    cy.ionBackClick('tab1');
-
-    cy.ionPageVisible('home');
-    cy.ionPageDoesNotExist('tabs');
-  });
+      cy.ionPageVisible('home');
+      cy.ionPageDoesNotExist('tabs');
+    });
+  })
 })
diff --git a/packages/vue/test/base/tests/unit/tab-bar.spec.ts b/packages/vue/test/base/tests/unit/tab-bar.spec.ts
index 00ded7020b4..10ebe367f7a 100644
--- a/packages/vue/test/base/tests/unit/tab-bar.spec.ts
+++ b/packages/vue/test/base/tests/unit/tab-bar.spec.ts
@@ -4,113 +4,6 @@ import { createRouter, createWebHistory } from '@ionic/vue-router';
 import { IonicVue, IonRouterOutlet, IonPage, IonTabs, IonTabBar } from '@ionic/vue';
 
 describe('ion-tab-bar', () => {
-  it('should render in the top slot', async () => {
-    const Tabs = {
-      components: { IonPage, IonTabs, IonTabBar, IonRouterOutlet },
-      template: `
-        <ion-page>
-          <ion-tabs>
-            <ion-router-outlet></ion-router-outlet>
-            <ion-tab-bar slot="top"></ion-tab-bar>
-          </ion-tabs>
-        </ion-page>
-      `,
-    }
-
-    const router = createRouter({
-      history: createWebHistory(process.env.BASE_URL),
-      routes: [
-        { path: '/', component: Tabs }
-      ]
-    });
-
-    router.push('/');
-    await router.isReady();
-    const wrapper = mount(Tabs, {
-      global: {
-        plugins: [router, IonicVue]
-      }
-    });
-
-    const tabs = wrapper.findComponent(IonTabs);
-    const children = tabs.vm.$el.children;
-    expect(children[0].tagName).toEqual('ION-TAB-BAR');
-    expect(children[1].tagName).toEqual('DIV');
-    expect(children[1].className).toEqual('tabs-inner');
-
-  });
-
-  it('should render in the bottom slot', async () => {
-    const Tabs = {
-      components: { IonPage, IonTabs, IonTabBar, IonRouterOutlet },
-      template: `
-        <ion-page>
-          <ion-tabs>
-            <ion-router-outlet></ion-router-outlet>
-            <ion-tab-bar slot="bottom"></ion-tab-bar>
-          </ion-tabs>
-        </ion-page>
-      `,
-    }
-
-    const router = createRouter({
-      history: createWebHistory(process.env.BASE_URL),
-      routes: [
-        { path: '/', component: Tabs }
-      ]
-    });
-
-    router.push('/');
-    await router.isReady();
-    const wrapper = mount(Tabs, {
-      global: {
-        plugins: [router, IonicVue]
-      }
-    });
-
-    const tabs = wrapper.findComponent(IonTabs);
-    const children = tabs.vm.$el.children;
-    expect(children[0].tagName).toEqual('DIV');
-    expect(children[0].className).toEqual('tabs-inner');
-    expect(children[1].tagName).toEqual('ION-TAB-BAR');
-  });
-
-  it('should render in the default slot', async () => {
-    const Tabs = {
-      components: { IonPage, IonTabs, IonTabBar, IonRouterOutlet },
-      template: `
-        <ion-page>
-          <ion-tabs>
-            <ion-router-outlet></ion-router-outlet>
-            <ion-tab-bar></ion-tab-bar>
-          </ion-tabs>
-        </ion-page>
-      `,
-    }
-
-    const router = createRouter({
-      history: createWebHistory(process.env.BASE_URL),
-      routes: [
-        { path: '/', component: Tabs }
-      ]
-    });
-
-    router.push('/');
-    await router.isReady();
-    const wrapper = mount(Tabs, {
-      global: {
-        plugins: [router, IonicVue]
-      }
-    });
-
-    const tabs = wrapper.findComponent(IonTabs);
-    const children = tabs.vm.$el.children;
-    const tabsInner = children[0];
-    expect(tabsInner.tagName).toEqual('DIV');
-    expect(tabsInner.className).toEqual('tabs-inner');
-    expect(tabsInner.children[0].tagName).toEqual('ION-ROUTER-OUTLET');
-  });
-
   // Verifies the fix for https://github.com/ionic-team/ionic-framework/issues/22642
   it('should not fail on non tab button elements', async () => {
     const Tabs = {