diff --git a/samples/grids/grid/column-pinning-both-sides/src/index.tsx b/samples/grids/grid/column-pinning-both-sides/src/index.tsx
index be088f9bc..4480bcbf9 100644
--- a/samples/grids/grid/column-pinning-both-sides/src/index.tsx
+++ b/samples/grids/grid/column-pinning-both-sides/src/index.tsx
@@ -55,14 +55,16 @@ export default function App() {
 
   const pinLeft = () => {
     gridRef.current?.selectedColumns().forEach((col: IgrColumn) => {
+      col.pinned = false;
       col.pinningPosition = ColumnPinningPosition.Start;
-      col.pinned = true;
+      col.pinned = true; 
     });
   };
   const pinRight = () => {
     gridRef.current?.selectedColumns().forEach((col: IgrColumn) => {
+      col.pinned = false;
       col.pinningPosition = ColumnPinningPosition.End;
-      col.pinned = true;
+      col.pinned = true; 
     });
   };
   const unpinColumn = () => {
diff --git a/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.tsx b/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.tsx
index d89d49303..9f49a89f3 100644
--- a/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.tsx
+++ b/samples/grids/hierarchical-grid/column-pinning-both-sides/src/index.tsx
@@ -33,6 +33,7 @@ export default function App() {
     const grid = gridRef.current;
     if (!grid) return;
     grid.selectedColumns().forEach((col) => {
+      col.pinned = false;
       col.pinningPosition = ColumnPinningPosition.Start;
       col.pinned = true;
     });
@@ -42,6 +43,7 @@ export default function App() {
     const grid = gridRef.current;
     if (!grid) return;
     grid.selectedColumns().forEach((col) => {
+      col.pinned = false;
       col.pinningPosition = ColumnPinningPosition.End;
       col.pinned = true;
     });
diff --git a/samples/grids/tree-grid/column-pinning-both-sides/src/index.tsx b/samples/grids/tree-grid/column-pinning-both-sides/src/index.tsx
index 62e62f468..4a7d08f16 100644
--- a/samples/grids/tree-grid/column-pinning-both-sides/src/index.tsx
+++ b/samples/grids/tree-grid/column-pinning-both-sides/src/index.tsx
@@ -32,6 +32,7 @@ export default function App() {
     const grid = gridRef.current;
     if (!grid) return;
     grid.selectedColumns().forEach((col) => {
+      col.pinned = false;
       col.pinningPosition = ColumnPinningPosition.Start;
       col.pinned = true;
     });
@@ -41,6 +42,7 @@ export default function App() {
     const grid = gridRef.current;
     if (!grid) return;
     grid.selectedColumns().forEach((col) => {
+      col.pinned = false;
       col.pinningPosition = ColumnPinningPosition.End;
       col.pinned = true;
     });