diff --git a/app/src/docs/_examples/tooltip/Basic.example.tsx b/app/src/docs/_examples/tooltip/Basic.example.tsx
deleted file mode 100644
index aabc82db60..0000000000
--- a/app/src/docs/_examples/tooltip/Basic.example.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import { Button, FlexRow, Tooltip } from '@epam/uui';
-
-export default function BasicTooltipExample() {
-    return (
-        <FlexRow columnGap="12">
-            <Tooltip content="Some text">
-                <Button caption="Top" onClick={ () => null } />
-            </Tooltip>
-
-            <Tooltip content="Some text" placement="bottom">
-                <Button caption="Bottom" onClick={ () => null } />
-            </Tooltip>
-
-            <Tooltip content="Some text" placement="right">
-                <Button caption="Right" onClick={ () => null } />
-            </Tooltip>
-
-            <Tooltip content="Some text" placement="left">
-                <Button caption="Left" onClick={ () => null } />
-            </Tooltip>
-        </FlexRow>
-    );
-}
diff --git a/app/src/docs/_examples/tooltip/Types.example.tsx b/app/src/docs/_examples/tooltip/Types.example.tsx
index 170e79d125..7e457a901c 100644
--- a/app/src/docs/_examples/tooltip/Types.example.tsx
+++ b/app/src/docs/_examples/tooltip/Types.example.tsx
@@ -15,7 +15,7 @@ export default function TypesTooltipExample() {
 
     return (
         <div className={ css.container }>
-            <Tooltip content="Compact" placement="bottom">
+            <Tooltip content="Compact">
                 <Button icon={ copyIcon } caption="Copy" fill="outline" color="primary" cx={ css.firstColumn } onClick={ () => null } />
             </Tooltip>
 
@@ -23,12 +23,12 @@ export default function TypesTooltipExample() {
                 <RichTextView>
                     <span className={ css.permissionText }>Permissions</span>
                 </RichTextView>
-                <Tooltip content="Default tooltip. Can be inside as one row as 3 rows of text" placement="bottom">
+                <Tooltip content="Default tooltip. Can be inside as one row as 3 rows of text">
                     <IconContainer icon={ infoIcon } cx={ css.iconBlue } />
                 </Tooltip>
             </FlexRow>
 
-            <Tooltip content={ renderTypesMarkup() } placement="bottom" color="neutral">
+            <Tooltip content={ renderTypesMarkup() } color="neutral">
                 <Button icon={ plusIcon } onClick={ () => null } cx={ css.firstColumn } />
             </Tooltip>
 
diff --git a/app/src/docs/_examples/tooltip/Variants.example.tsx b/app/src/docs/_examples/tooltip/Variants.example.tsx
index ab93b77d2e..8c2305386a 100644
--- a/app/src/docs/_examples/tooltip/Variants.example.tsx
+++ b/app/src/docs/_examples/tooltip/Variants.example.tsx
@@ -6,15 +6,15 @@ import css from './TypesExample.module.scss';
 export default function VariantsTooltipExample() {
     return (
         <div className={ css.container }>
-            <Tooltip content="Tooltip message" placement="bottom" color="inverted">
+            <Tooltip content="Tooltip message" color="inverted">
                 <Button caption="Default" fill="outline" color="secondary" onClick={ () => null } />
             </Tooltip>
 
-            <Tooltip content="Tooltip message" placement="bottom" color="neutral">
+            <Tooltip content="Tooltip message" color="neutral">
                 <Button caption="Contrast" color="primary" onClick={ () => null } />
             </Tooltip>
 
-            <Tooltip content="Tooltip message" placement="bottom" color="critical">
+            <Tooltip content="Tooltip message" color="critical">
                 <Button caption="Critical" fill="outline" color="critical" onClick={ () => null } />
             </Tooltip>
 
diff --git a/app/src/docs/_examples/tooltip/WithLink.example.tsx b/app/src/docs/_examples/tooltip/WithLink.example.tsx
index d30108a463..6a7d455d1a 100644
--- a/app/src/docs/_examples/tooltip/WithLink.example.tsx
+++ b/app/src/docs/_examples/tooltip/WithLink.example.tsx
@@ -20,7 +20,7 @@ export default function LinkTooltipExample() {
     return (
         <FlexRow alignItems="center">
             <Text fontSize="14">Working from home allowed for employees only</Text>
-            <Tooltip content={ renderTypesMarkup() } placement="top" color="neutral" closeOnMouseLeave="boundary">
+            <Tooltip content={ renderTypesMarkup() } color="neutral" closeOnMouseLeave="boundary">
                 <IconContainer icon={ myIcon } style={ { justifyContent: 'center', marginLeft: '3px' } } cx={ css.iconAmber } />
             </Tooltip>
         </FlexRow>