diff --git a/src/components/Tooltip.jsx b/src/components/Tooltip.jsx
index 5ae1108a..004d6fe6 100644
--- a/src/components/Tooltip.jsx
+++ b/src/components/Tooltip.jsx
@@ -3,6 +3,11 @@ import PropTypes from "prop-types";
 import React from "react";
 import { followCursor } from "tippy.js"; // Dont remove this even if unused. It is required for one prop
 import "tippy.js/dist/tippy.css"; // If we customize the style, the change this and import our own style
+// Do not remove these https://atomiks.github.io/tippyjs/v6/animations/
+import "tippy.js/animations/perspective.css";
+import "tippy.js/animations/scale.css";
+import "tippy.js/animations/shift-away.css";
+import "tippy.js/animations/shift-toward.css";
 
 // TODO: Implement "as='div'"
 export const Tooltip = ({ children, className, content, ...rest }) => {