diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx
index 8822da3..d7a8373 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/RadioTickBox/index.tsx
@@ -25,7 +25,9 @@ export const RadioTickBox = React.forwardRef<RadioTickBoxDerivedElement, RadioTi
   return (
     <div
       className={clsx(
-        'flex gap-x-4 flex-wrap',
+        'gap-x-4 flex-wrap',
+        block && 'flex',
+        !block && 'inline-flex align-center',
         className,
       )}
       style={style}
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
index 9ad5713..6cafb42 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleSwitch/index.tsx
@@ -45,7 +45,9 @@ export const ToggleSwitch = React.forwardRef<ToggleSwitchDerivedElement, ToggleS
   return (
     <div
       className={clsx(
-        'flex gap-x-4 flex-wrap',
+        'gap-x-4 flex-wrap',
+        block && 'flex',
+        !block && 'inline-flex align-center',
         className,
       )}
       style={style}
diff --git a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
index c8cbdea..0738368 100644
--- a/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
+++ b/packages/web-kitchensink-reactnext/src/categories/option/react/components/ToggleTickBox/index.tsx
@@ -42,7 +42,9 @@ export const ToggleTickBox = React.forwardRef<ToggleTickBoxDerivedElement, Toggl
   return (
     <div
       className={clsx(
-        'flex gap-x-4 flex-wrap',
+        'gap-x-4 flex-wrap',
+        block && 'flex',
+        !block && 'inline-flex align-center',
         className,
       )}
       style={style}