diff --git a/apps/portal/src/components/atoms/empty-state.tsx b/apps/portal/src/components/atoms/empty-state.tsx
index f1c6820f..febbe66a 100644
--- a/apps/portal/src/components/atoms/empty-state.tsx
+++ b/apps/portal/src/components/atoms/empty-state.tsx
@@ -58,13 +58,20 @@ export function EmptyState({
 
       {action &&
         (action.href ? (
-          <Button as="a" href={action.href} size={isCompact ? "sm" : "default"}>
-            <PlusIcon className="h-4 w-4 mr-2" />
+          <Button
+            as="a"
+            href={action.href}
+            size={isCompact ? "sm" : "default"}
+            leftIcon={<PlusIcon className="h-4 w-4" />}
+          >
             {action.label}
           </Button>
         ) : (
-          <Button onClick={action.onClick} size={isCompact ? "sm" : "default"}>
-            <PlusIcon className="h-4 w-4 mr-2" />
+          <Button
+            onClick={action.onClick}
+            size={isCompact ? "sm" : "default"}
+            leftIcon={<PlusIcon className="h-4 w-4" />}
+          >
             {action.label}
           </Button>
         ))}
diff --git a/apps/portal/src/features/services/components/internet/PublicOfferingCard.tsx b/apps/portal/src/features/services/components/internet/PublicOfferingCard.tsx
index a725f478..b2dd6a22 100644
--- a/apps/portal/src/features/services/components/internet/PublicOfferingCard.tsx
+++ b/apps/portal/src/features/services/components/internet/PublicOfferingCard.tsx
@@ -132,7 +132,7 @@ function PublicTierCard({ tier }: { tier: TierInfo }) {
       </div>
 
       <div className="mb-2">
-        <div className="flex items-baseline gap-0.5 flex-wrap">
+        <div className="flex items-baseline gap-0.5">
           <span className="text-lg font-bold text-foreground">
             ¥{tier.monthlyPrice.toLocaleString()}
             {tier.maxMonthlyPrice &&
@@ -140,17 +140,17 @@ function PublicTierCard({ tier }: { tier: TierInfo }) {
               `~${tier.maxMonthlyPrice.toLocaleString()}`}
           </span>
           <span className="text-[10px] text-muted-foreground">/mo</span>
-          {tier.pricingNote && (
-            <span
-              className={cn(
-                "text-[10px] ml-1",
-                tier.tier === "Platinum" ? "text-primary" : "text-amber-600"
-              )}
-            >
-              {tier.pricingNote}
-            </span>
-          )}
         </div>
+        {tier.pricingNote && (
+          <span
+            className={cn(
+              "text-[10px] block",
+              tier.tier === "Platinum" ? "text-primary" : "text-amber-600"
+            )}
+          >
+            {tier.pricingNote}
+          </span>
+        )}
       </div>
 
       <p className="text-[11px] text-muted-foreground mb-2">{tier.description}</p>
diff --git a/image.png b/image.png
index 7b2fac23..be91fcee 100644
Binary files a/image.png and b/image.png differ