fixed tooltip showcase

package.json

@@ -70,7 +70,7 @@
 		"react-joyride": "^2.6.2",
 		"react-router-dom": "^6.17.0",
 		"react-toastify": "^9.1.3",
-		"react-tooltip": "^5.21.5",
+		"react-tooltip": "^5.21.6",
 		"use-resize-observer": "^9.1.0"
 	},
 	"devDependencies": {
@@ -102,7 +102,7 @@
 		"stylelint-config-tailwindcss": "^0.0.7",
 		"stylelint-order": "^6.0.3",
 		"tailwind-merge": "^1.14.0",
-		"tailwindcss": "^3.3.3",
+		"tailwindcss": "^3.3.4",
 		"typescript": "^5.2.2",
 		"typescript-plugin-css-modules": "^5.0.2",
 		"vite": "^4.5.0",

showcase/src/components/showcase/wrapper/TooltipShowcase.tsx

@@ -11,11 +11,11 @@ function TooltipShowcase(props: ShowcaseProps) {
 	//#region tooltip
 	// import 'react-tooltip/dist/react-tooltip.css'
 	const example = (
-		<div>
-			<div id="tooltip-1">
+		<div className="flex h-48 w-full items-center justify-center">
+			<div data-tooltip-id="tooltip-1">
 				<SearchIcon label="" />
 			</div>
-			<Tooltip data-tooltip-id="tooltip-1" place="right">
+			<Tooltip id="tooltip-1" place="right">
 				<span>I&apos;m a tooltip...</span>
 			</Tooltip>
 		</div>