Changed a component from using function compontent

app/components/Icons/ShortcutIcon.tsx

@@ -1,12 +1,14 @@
-import { FunctionComponent } from "react";
+export type ShortcutIconProps = {
+  children: React.ReactNode;
+  className?: string;
+};
 
-export const ShortcutIcon: FunctionComponent<{ className?: string }> = ({
-  className,
-  children,
-}) => {
+export function ShortcutIcon({ className, children }: ShortcutIconProps) {
   return (
-    <span className={`flex items-center justify-center rounded ${className}`}>
+    <span
+      className={`flex items-center justify-center rounded ${className ?? ""}`}
+    >
       {children}
     </span>
   );
-};
+}

app/components/ToolTip.tsx

@@ -34,7 +34,7 @@ export function ToolTip({ children, className, arrow }: ToolTipProps) {
       transition={{ duration: 0.2 }}
       whileHover={{ scale: 1, opacity: 1 }}
       whileTap={{
-        scale: 1.05,
+        scale: 1,
       }}
       onMouseOver={() => setIsShown(true)}
       onMouseOut={() => setIsShown(false)}