edit 4

src/App.jsx

@@ -85,6 +85,7 @@ function App() {
               slidesPerView={3}
               spaceBetween={20}
               dir="rtl"
+              style={{ height: "100%", width: "100%" }} // اضافه کردن این خط
             >
               {data?.recordset
                 .filter((item) => item.latestPatientStatusId === 1)
@@ -139,6 +140,7 @@ function App() {
               slidesPerView={3}
               spaceBetween={20}
               dir="rtl"
+              style={{ height: "100%", width: "100%" }} // اضافه کردن این خط
             >
               {data?.recordset
                 .filter((item) => item.latestPatientStatusId === 2)
@@ -193,6 +195,7 @@ function App() {
               slidesPerView={3}
               spaceBetween={20}
               dir="rtl"
+              style={{ height: "100%", width: "100%" }} // اضافه کردن این خط
             >
               {data?.recordset
                 .filter((item) => item.latestPatientStatusId === 3)
@@ -247,6 +250,7 @@ function App() {
               slidesPerView={3}
               spaceBetween={20}
               dir="rtl"
+              style={{ height: "100%", width: "100%" }} // اضافه کردن این خط
             >
               {data?.recordset
                 .filter((item) => item.latestPatientStatusId === 4)

src/index.css

@@ -46,7 +46,9 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-
+* {
+  box-sizing: border-box;
+}
 body {
   background-color: #fff;
   min-height: 92vh;
@@ -63,8 +65,9 @@ body {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  font-size: 2rem;
+  font-size: 1.7rem;
   padding: 0 24px;
+  font-weight: bold;
 }
 /* تنظیم ارتفاع کلی صفحه با کسر نوارهای تلویزیون */
 .contentBox {
@@ -111,12 +114,12 @@ body {
   background-color: #a2a6f7;
 
   /* جایگزین aspect-ratio برای تلویزیون */
-  width: 160px;
+  width: 140px;
-  height: 160px;
+  height: 140px;
 
   text-align: center;
   color: #373fd6;
-  font-size: 2rem;
+  font-size: 1.7rem;
   font-weight: bold;
 
   /* جایگزین place-items برای تلویزیون */