edit3

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;