diff --git a/samples/inputs/tooltip/placement/src/index.tsx b/samples/inputs/tooltip/placement/src/index.tsx
index b8de07d6f8..4f0d6c9c01 100644
--- a/samples/inputs/tooltip/placement/src/index.tsx
+++ b/samples/inputs/tooltip/placement/src/index.tsx
@@ -35,17 +35,17 @@ export default class TooltipPlacement extends React.Component<any, any> {
         <IgrButton
           variant="outlined"
           id="tooltip-position"
-          style={{ textAlign: "center" }}
         >Click to trigger all supported placements
         </IgrButton>
 
         {this.Positions.map((pos) => (
           <IgrTooltip
             anchor="tooltip-position"
-            show-triggers="click"
-            show-delay="0"
-            hide-delay="0"
-            sticky
+            showTriggers="click"
+            showDelay={0}
+            hideDelay={0}
+            sticky={true}
+            withArrow={true}
             placement={pos}
             key={pos}
           >
diff --git a/samples/inputs/tooltip/styling/src/index.tsx b/samples/inputs/tooltip/styling/src/index.tsx
index 9a78d3d44f..4f4fbc6274 100644
--- a/samples/inputs/tooltip/styling/src/index.tsx
+++ b/samples/inputs/tooltip/styling/src/index.tsx
@@ -16,7 +16,7 @@ export default class TooltipStyling extends React.Component<any, any> {
         <IgrAvatar id="avatar" shape="circle"
           src="https://www.infragistics.com/angular-demos-lob/assets/images/avatar/10.jpg"
         ></IgrAvatar>
-        <IgrTooltip placement="bottom-start" anchor="avatar">
+        <IgrTooltip placement="bottom-start" anchor="avatar" withArrow={true}>
           Her name is Madelyn James
         </IgrTooltip>
       </div>