diff --git a/src/pages/Home/SwaperBlogContent.jsx b/src/pages/Home/SwaperBlogContent.jsx
index ed9c6836..9b1226db 100644
--- a/src/pages/Home/SwaperBlogContent.jsx
+++ b/src/pages/Home/SwaperBlogContent.jsx
@@ -5,37 +5,37 @@ const SwaperBlogContent = ({
   ContentAlign = "right",
 }) => {
   return (
-    <div class="swiper-slide">
-      <div class="card h-100">
-        <div class="card-body text-body d-flex flex-column justify-content-between h-100">
-          <div class="mb-4">
+    <div className="swiper-slide">
+      <div className="card h-100">
+        <div className="card-body text-body d-flex flex-column justify-content-between h-100">
+          <div className="mb-4">
             <img
               src={ImageUrl}
               alt="client logo"
-              class="client-logo img-fluid"
+              className="client-logo img-fluid"
               style={{ width: "580px", height: "100px" }}
             />
             <h5>{Title}</h5>
           </div>
           <p>{Body}</p>
-          <div class="text-warning mb-4">
-            <i class="bx bxs-star"></i>
-            <i class="bx bxs-star"></i>
-            <i class="bx bxs-star"></i>
-            <i class="bx bxs-star"></i>
-            <i class="bx bxs-star"></i>
+          <div className="text-warning mb-4">
+            <i className="bx bxs-star"></i>
+            <i className="bx bxs-star"></i>
+            <i className="bx bxs-star"></i>
+            <i className="bx bxs-star"></i>
+            <i className="bx bxs-star"></i>
           </div>
-          <div class="d-flex align-items-center">
-            <div class="avatar me-3 avatar-sm">
+          <div className="d-flex align-items-center">
+            <div className="avatar me-3 avatar-sm">
               <img
                 src="../../assets/img/avatars/1.png"
                 alt="Avatar"
-                class="rounded-circle"
+                className="rounded-circle"
               />
             </div>
             <div>
-              <h6 class="mb-0">Cecilia Payne</h6>
-              <p class="small text-muted mb-0">CEO of Airbnb</p>
+              <h6 className="mb-0">Cecilia Payne</h6>
+              <p className="small text-muted mb-0">CEO of Airbnb</p>
             </div>
           </div>
         </div>
diff --git a/src/pages/Tenant/TenantPage.jsx b/src/pages/Tenant/TenantPage.jsx
index 694ff557..5e8a5d78 100644
--- a/src/pages/Tenant/TenantPage.jsx
+++ b/src/pages/Tenant/TenantPage.jsx
@@ -127,7 +127,7 @@ const TenantPage = () => {
             <div className="p-0">
               <div className="row align-items-center">
                 {/* Search */}
-                <div className="col-6 col-md-6 col-lg-2 mb-md-0">
+                <div className="col-6 col-md-6 col-lg-3 mb-md-0">
                   <input
                     type="search"
                     value={searchText}
@@ -138,7 +138,7 @@ const TenantPage = () => {
                 </div>
 
                 {/* Actions */}
-                <div className="col-6 col-md-6 col-lg-10 text-end">
+                <div className="col-6 col-md-6 col-lg-9 text-end">
                   <button
                     className="btn btn-sm btn-primary"
                     type="button"