diff --git a/vite-frontend/src/pages/forward.tsx b/vite-frontend/src/pages/forward.tsx
index 3dfbf81..036b242 100644
--- a/vite-frontend/src/pages/forward.tsx
+++ b/vite-frontend/src/pages/forward.tsx
@@ -1260,7 +1260,7 @@ export default function ForwardPage() {
     return (
       <Card
         key={forward.id}
-        className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200"
+        className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200 overflow-hidden"
       >
         <CardHeader className="pb-2 md:pb-2">
           <div className="flex justify-between items-start w-full">
diff --git a/vite-frontend/src/pages/limit.tsx b/vite-frontend/src/pages/limit.tsx
index 67ba871..a0336c4 100644
--- a/vite-frontend/src/pages/limit.tsx
+++ b/vite-frontend/src/pages/limit.tsx
@@ -235,7 +235,7 @@ export default function LimitPage() {
           {rules.map((rule) => (
             <Card
               key={rule.id}
-              className="shadow-sm border border-gray-200 dark:border-gray-700"
+              className="shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"
             >
               <CardHeader className="pb-2 md:pb-2">
                 <div className="flex justify-between items-start w-full">
@@ -253,7 +253,7 @@ export default function LimitPage() {
                   </Chip>
                 </div>
               </CardHeader>
-              <CardBody className="pt-0 md:pt-0">
+              <CardBody className="pt-0 pb-3 md:pt-0 md:pb-3">
                 <div className="space-y-3">
                   <div className="flex justify-between items-center">
                     <span className="text-small text-default-600">
diff --git a/vite-frontend/src/pages/tunnel.tsx b/vite-frontend/src/pages/tunnel.tsx
index 347fdd3..372fb2f 100644
--- a/vite-frontend/src/pages/tunnel.tsx
+++ b/vite-frontend/src/pages/tunnel.tsx
@@ -740,7 +740,7 @@ export default function TunnelPage() {
                     {(listeners) => (
                       <Card
                         key={tunnel.id}
-                        className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200"
+                        className="group shadow-sm border border-divider hover:shadow-md transition-shadow duration-200 overflow-hidden"
                       >
                         <CardHeader className="pb-2 md:pb-2">
                           <div className="flex justify-between items-start w-full">
diff --git a/vite-frontend/src/pages/user.tsx b/vite-frontend/src/pages/user.tsx
index b4e9841..a196dab 100644
--- a/vite-frontend/src/pages/user.tsx
+++ b/vite-frontend/src/pages/user.tsx
@@ -688,7 +688,7 @@ export default function UserPage() {
             return (
               <Card
                 key={user.id}
-                className="shadow-sm border border-divider hover:shadow-md transition-shadow duration-200"
+                className="shadow-sm border border-divider hover:shadow-md transition-shadow duration-200 overflow-hidden"
               >
                 <CardHeader className="pb-2 md:pb-2">
                   <div className="flex justify-between items-start w-full">
diff --git a/vite-frontend/src/shadcn-bridge/heroui/card.tsx b/vite-frontend/src/shadcn-bridge/heroui/card.tsx
index 640f8ee..ec1bda6 100644
--- a/vite-frontend/src/shadcn-bridge/heroui/card.tsx
+++ b/vite-frontend/src/shadcn-bridge/heroui/card.tsx
@@ -16,5 +16,5 @@ export function CardHeader({ className, ...props }: React.ComponentProps<"div">)
 }
 
 export function CardBody({ className, ...props }: React.ComponentProps<"div">) {
-  return <CardContent className={cn("p-4 md:p-6", className)} {...props} />;
+  return <CardContent className={cn("p-4 pt-0 md:p-6 md:pt-0", className)} {...props} />;
 }