diff --git a/src/components/stats/StatCard.tsx b/src/components/stats/StatCard.tsx
index a983a6b..2e9e4ce 100644
--- a/src/components/stats/StatCard.tsx
+++ b/src/components/stats/StatCard.tsx
@@ -34,14 +34,14 @@ export function StatCard({
         {icon}
         <span>{label}</span>
       </div>
-      <div className="mt-1 flex items-baseline gap-1.5">
-        <span className={`truncate text-base font-semibold sm:text-lg ${valueClassName}`}>
+      <div className="mt-1">
+        <div className={`truncate text-base font-semibold sm:text-lg ${valueClassName}`}>
           {value}
-        </span>
+        </div>
         {trendStyle && (
-          <span className={`shrink-0 text-xs font-medium ${trendStyle.className}`}>
+          <div className={`mt-0.5 text-xs font-medium ${trendStyle.className}`}>
             {trendStyle.arrow} {Math.abs(delta!.percent)}%
-          </span>
+          </div>
         )}
       </div>
     </div>
diff --git a/src/pages/AdminSalesStats.tsx b/src/pages/AdminSalesStats.tsx
index db40db5..91b54a5 100644
--- a/src/pages/AdminSalesStats.tsx
+++ b/src/pages/AdminSalesStats.tsx
@@ -135,7 +135,7 @@ export default function AdminSalesStats() {
           {t('admin.salesStats.loadError')}
         </div>
       )}
-      <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-8">
+      <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4">
         <StatCard
           label={t('admin.salesStats.summary.revenue')}
           value={