diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
index 241f943e4493..7b7fbabd6fd1 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.html
@@ -15,12 +15,7 @@
-
Share button
+
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less
index 9348c00bca8a..7f1f60c8ab65 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.less
@@ -15,6 +15,7 @@ button[tuiSwipeAction] {
label {
display: flex;
align-items: center;
+ margin-top: 0.5rem;
}
input[type='checkbox'] {
diff --git a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts
index 3562a8b41eb8..b9d3f3727af7 100644
--- a/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts
+++ b/projects/demo/src/modules/experimental/swipe-action/examples/4/index.ts
@@ -11,4 +11,5 @@ import {encapsulation} from '@demo/emulate/encapsulation';
})
export class TuiSwipeActionExample4 {
shareButton = false;
+ editButton = true;
}
diff --git a/projects/experimental/components/swipe-action/swipe-actions.style.less b/projects/experimental/components/swipe-action/swipe-actions.style.less
index ef17cc516d70..861a99902c2c 100644
--- a/projects/experimental/components/swipe-action/swipe-actions.style.less
+++ b/projects/experimental/components/swipe-action/swipe-actions.style.less
@@ -30,6 +30,10 @@
align-items: center;
transform-style: preserve-3d;
+ &:empty {
+ display: none;
+ }
+
::ng-deep & > * {
.loop(6);
}