diff --git a/packages/ui/src/components/va-switch/VaSwitch.demo.vue b/packages/ui/src/components/va-switch/VaSwitch.demo.vue
index a77e6bddbf..27ddf290ba 100644
--- a/packages/ui/src/components/va-switch/VaSwitch.demo.vue
+++ b/packages/ui/src/components/va-switch/VaSwitch.demo.vue
@@ -73,6 +73,31 @@
         label="large"
       />
     </VbCard>
+    <VbCard title="Sizes with inner label slot">
+      <va-switch
+        v-model="value"
+        size="small"
+      >
+        <template #innerLabel>
+          Small with Inner
+        </template>
+      </va-switch>
+      <va-switch
+        v-model="value"
+      >
+        <template #innerLabel>
+          Inner
+        </template>
+      </va-switch>
+       <va-switch
+        v-model="value"
+        size="large"
+      >
+        <template #innerLabel>
+          Large with Inner
+        </template>
+      </va-switch>
+    </VbCard>
     <VbCard title="Label Position" style="width: 300px;">
       <div>
         <va-switch
@@ -205,6 +230,22 @@
         indeterminate
       />
     </VbCard>
+    <VbCard title="Sizes with indeterminate">
+      <va-switch
+        v-model="valueIndeterminate"
+        indeterminate
+        size="small"
+      />
+      <va-switch
+        v-model="valueIndeterminate"
+        indeterminate
+      />
+      <va-switch
+        v-model="valueIndeterminate"
+        indeterminate
+        size="large"
+      />
+    </VbCard>
     <VbCard title="Indeterminate with custom indeterminate value">
       <div>
         {{ valueIndeterminateCustom }}
diff --git a/packages/ui/src/components/va-switch/VaSwitch.vue b/packages/ui/src/components/va-switch/VaSwitch.vue
index 5dcff9d5d3..7169d17734 100644
--- a/packages/ui/src/components/va-switch/VaSwitch.vue
+++ b/packages/ui/src/components/va-switch/VaSwitch.vue
@@ -334,32 +334,11 @@ defineExpose({
     }
   }
 
-  &--indeterminate {
-    .va-switch {
-      &__checker {
-        margin: auto 0;
-        transform: translateX(-50%);
-      }
-
-      &__checker-wrapper {
-        transform: translateX(50%);
-      }
-    }
-  }
-
   &--checked {
     .va-switch {
-      &__checker {
-        transform: translateX(calc(-100% - 0.3rem));
-      }
-
       &__checker-circle {
         background-color: var(--va-switch-checker-active-background-color);
       }
-
-      &__checker-wrapper {
-        transform: translateX(100%);
-      }
     }
   }
 
@@ -435,7 +414,7 @@ defineExpose({
     }
   }
 
-  &__checker {
+  #{&}__checker {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -444,8 +423,94 @@ defineExpose({
     box-shadow: var(--va-switch-checker-box-shadow);
     transition: var(--va-switch-checker-transition);
     display: flex;
-    justify-content: center;
     align-items: center;
+    width: 100%;
+
+    @at-root {
+      .va-switch--indeterminate#{&} {
+        margin: auto 0;
+        transform:
+          translateX(
+            calc(
+              calc(
+                var(--va-switch-checker-wrapper-width)
+                - var(--va-switch-checker-width)
+              )
+              / 2
+            )
+          );
+      }
+
+      .va-switch--checked#{&} {
+        transform:
+          translateX(
+            calc(
+              var(--va-switch-checker-wrapper-width)
+              - var(--va-switch-checker-width)
+              - 0.3rem
+            )
+          );
+      }
+
+      .va-switch--small#{&} {
+        @at-root {
+          .va-switch--indeterminate#{&} {
+            transform:
+              translateX(
+                calc(
+                  calc(
+                    var(--va-switch-checker-wrapper-width)
+                    - var(--va-switch-checker-width)
+                    + 0.4rem
+                  )
+                  / 2
+                )
+              );
+          }
+
+          .va-switch--checked#{&} {
+            transform:
+              translateX(
+                calc(
+                  var(--va-switch-checker-wrapper-width)
+                  - var(--va-switch-checker-width)
+                  - 0.3rem
+                  + 0.4rem
+                )
+              );
+          }
+        }
+      }
+      .va-switch--large#{&} {
+        @at-root {
+          .va-switch--indeterminate#{&} {
+            transform:
+              translateX(
+                calc(
+                  calc(
+                    var(--va-switch-checker-wrapper-width)
+                    - var(--va-switch-checker-width)
+                    - 0.3rem
+                  )
+                  / 2
+                )
+              );
+          }
+
+          .va-switch--checked#{&} {
+            transform:
+              translateX(
+                calc(
+                  var(--va-switch-checker-wrapper-width)
+                  - var(--va-switch-checker-width)
+                  - 0.3rem
+                  - 0.3rem
+                )
+              );
+          }
+        }
+      }
+    }
   }
 
   &__checker-circle {
@@ -461,7 +526,6 @@ defineExpose({
   &__checker-wrapper {
     position: absolute;
     margin: auto;
-    transform: var(--va-switch-checker-wrapper-transform);
     top: var(--va-switch-checker-wrapper-top);
     left: var(--va-switch-checker-wrapper-left);
     bottom: var(--va-switch-checker-wrapper-bottom);
diff --git a/packages/ui/src/components/va-switch/_variables.scss b/packages/ui/src/components/va-switch/_variables.scss
index bbd1f80778..a796587a10 100644
--- a/packages/ui/src/components/va-switch/_variables.scss
+++ b/packages/ui/src/components/va-switch/_variables.scss
@@ -14,7 +14,6 @@
   --va-switch-checker-transition: all 0.2s ease;
 
   /* Checker Wrapper */
-  --va-switch-checker-wrapper-transform: translateX(0);
   --va-switch-checker-wrapper-top: 0;
   --va-switch-checker-wrapper-left: 0;
   --va-switch-checker-wrapper-bottom: 0;