diff --git a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx
index bd534e7bf2..420a3156d0 100644
--- a/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx
+++ b/packages/ketchup/src/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.tsx
@@ -99,17 +99,13 @@ export class HorizontalScroll {
                         this.taskListScrollWidth > width && (
                             <div
                                 dir="ltr"
-                                style={
-                                    rect
-                                        ? {
-                                              margin: this.rtl
-                                                  ? `0px 20px 0px 0px`
-                                                  : `0px 0px 0px 20px`,
-                                              maxWidth: `${width + 20}px`,
-                                              minWidth: `${width + 20}px`,
-                                          }
-                                        : undefined
-                                }
+                                style={{
+                                    margin: this.rtl
+                                        ? `0px ${w}px 0px 12px`
+                                        : `0px 12px 0px ${w}px`,
+                                    maxWidth: `${width + 20}px`,
+                                    minWidth: `${width + 20}px`,
+                                }}
                                 class="scrollWrapper"
                                 data-scrollx="true"
                                 onScroll={this.horizontalTaskListScroll}
@@ -124,25 +120,13 @@ export class HorizontalScroll {
                         )}
                     <div
                         dir="ltr"
-                        style={
-                            rect
-                                ? {
-                                      margin: this.rtl
-                                          ? `0px ${
-                                                this.scrollableTaskList &&
-                                                this.taskListScrollWidth > width
-                                                    ? 65
-                                                    : rect.x
-                                            }px 0px 0px`
-                                          : `0px 0px 0px ${
-                                                this.scrollableTaskList &&
-                                                this.taskListScrollWidth > width
-                                                    ? 65
-                                                    : rect.x
-                                            }px`,
-                                  }
-                                : undefined
-                        }
+                        style={{
+                            margin: this.rtl
+                                ? `0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 65 : w}px 0px 12px`
+                                : `0px 12px 0px ${this.scrollableTaskList && this.taskListScrollWidth > width ? 65 : w}pxpx`,
+                            maxWidth: `${width + 20}px`,
+                            minWidth: `${width + 20}px`,
+                        }}
                         class="scrollWrapper"
                         data-scrollx="true"
                         onScroll={this.horizontalScroll}