diff --git a/components/ServerCard.tsx b/components/ServerCard.tsx
index 4e9d784..fe618fc 100644
--- a/components/ServerCard.tsx
+++ b/components/ServerCard.tsx
@@ -73,7 +73,9 @@ export default function ServerCard({
             <p className="text-sm font-bold tracking-tight">{name}</p>
           </section>
         </PopoverTrigger>
-        <PopoverContent side="top">Offline</PopoverContent>
+        <PopoverContent className="w-fit p-2" side="top">
+          <p className="text-sm text-muted-foreground">Offline</p>
+        </PopoverContent>
       </Popover>
     </Card>
   );
diff --git a/components/ServerCardPopover.tsx b/components/ServerCardPopover.tsx
index aab2299..6f54633 100644
--- a/components/ServerCardPopover.tsx
+++ b/components/ServerCardPopover.tsx
@@ -15,8 +15,11 @@ export function ServerCardPopoverCard({
   return (
     <div className={cn("mb-[6px] flex w-full flex-col", className)}>
       <div className="text-sm font-semibold">{title}</div>
-      {children ? children : <div className="break-all text-sm">{content}</div>}
-      <div className="h-[0.5px] w-full bg-accent"></div>
+      {children ? (
+        children
+      ) : (
+        <div className="break-all text-xs font-medium">{content}</div>
+      )}
     </div>
   );
 }