diff --git a/src/lib/kit/hooks/useOneOf/useOneOf.scss b/src/lib/kit/hooks/useOneOf/useOneOf.scss
index d8a18789..c0f4e9eb 100644
--- a/src/lib/kit/hooks/useOneOf/useOneOf.scss
+++ b/src/lib/kit/hooks/useOneOf/useOneOf.scss
@@ -22,9 +22,13 @@
     &__card {
         display: flex;
 
-        & > :first-child {
+        & > * {
             margin-right: 8px;
         }
+
+        & > :last-child {
+            margin-right: 0;
+        }
     }
 
     &__checkbox {
diff --git a/src/lib/kit/hooks/useOneOf/useOneOf.tsx b/src/lib/kit/hooks/useOneOf/useOneOf.tsx
index 22c2933f..0c3ee768 100644
--- a/src/lib/kit/hooks/useOneOf/useOneOf.tsx
+++ b/src/lib/kit/hooks/useOneOf/useOneOf.tsx
@@ -100,7 +100,7 @@ export const useOneOf = ({props, onTogglerChange}: UseOneOfParams) => {
     );
 
     const togglerType = React.useMemo(() => {
-        if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 3) {
+        if (spec.viewSpec.oneOfParams?.toggler === 'card' && options.length < 4) {
             return 'card';
         }