diff --git a/components/CharacterHovercard/index.tsx b/components/CharacterHovercard/index.tsx
index 391e0133..76eb2c4d 100644
--- a/components/CharacterHovercard/index.tsx
+++ b/components/CharacterHovercard/index.tsx
@@ -224,7 +224,7 @@ const CharacterHovercard = (props: Props) => {
       <HovercardTrigger asChild onClick={props.onTriggerClick}>
         {props.children}
       </HovercardTrigger>
-      <HovercardContent className="Character">
+      <HovercardContent className="Character" side="top">
         <div className="top">
           <div className="title">
             <h4>{props.gridCharacter.object.name[locale]}</h4>