diff --git a/ui/src/pages/OrderPriceList.vue b/ui/src/pages/OrderPriceList.vue
index 7831887..baf87d0 100644
--- a/ui/src/pages/OrderPriceList.vue
+++ b/ui/src/pages/OrderPriceList.vue
@@ -149,7 +149,13 @@
       </div>
     </div>
 
-    <div class="table-wrap" :style="{ '--sticky-scroll-comp': `${stickyScrollComp}px` }">
+    <div
+      class="table-wrap"
+      :style="{
+        '--sticky-scroll-comp': `${stickyScrollComp}px`,
+        '--sticky-left-width': `${stickyLeftWidth}px`
+      }"
+    >
       <div v-if="showGuidanceOverlay" class="empty-overlay">
         <div class="empty-overlay-inner">
           <div class="text-subtitle1 text-weight-bold">Liste Icin Filtre Secin</div>
@@ -1497,8 +1503,9 @@ const stickyLeftMap = computed(() => {
 const stickyScrollComp = computed(() => {
   const boundaryName = stickyBoundaryColumnName.value
   const boundaryCol = allColumns.find((x) => x.name === boundaryName)
-  return ((stickyLeftMap.value[boundaryName] || 0) + extractWidth(boundaryCol?.style)) * 1.2
+  return (stickyLeftMap.value[boundaryName] || 0) + extractWidth(boundaryCol?.style)
 })
+const stickyLeftWidth = computed(() => stickyScrollComp.value)
 
 function isStickyCol (name) {
   return stickyColumnNameSet.value.has(name)
@@ -1798,6 +1805,8 @@ onMounted(() => {
 .top-x-scroll {
   flex: 0 0 var(--top-scroll-height);
   height: var(--top-scroll-height);
+  width: max(160px, calc(100% - var(--sticky-left-width, 0px)));
+  margin-left: var(--sticky-left-width, 0px);
   overflow-x: auto;
   overflow-y: hidden;
   background: #f8fafc;