🍭 ui: change pricing page card view `p-4` to `px-4`

web/src/components/table/model-pricing/view/card/PricingCardSkeleton.jsx

@@ -26,7 +26,7 @@ const PricingCardSkeleton = ({
   showRatio = false
   showRatio = false
 }) => {
 }) => {
   const placeholder = (
   const placeholder = (
-    <div className="p-4">
+    <div className="px-4">
       <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
       <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
         {Array.from({ length: skeletonCount }).map((_, index) => (
         {Array.from({ length: skeletonCount }).map((_, index) => (
           <Card
           <Card

web/src/components/table/model-pricing/view/card/PricingCardView.jsx

@@ -215,7 +215,7 @@ const PricingCardView = ({
   }
   }
 
 
   return (
   return (
-    <div className="p-4">
+    <div className="px-4">
       <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
       <div className="grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-3 gap-4">
         {paginatedModels.map((model, index) => {
         {paginatedModels.map((model, index) => {
           const modelKey = getModelKey(model);
           const modelKey = getModelKey(model);