diff --git a/public/assets/vendor/css/core.css b/public/assets/vendor/css/core.css
index e65d3662..d7f7cfcb 100644
--- a/public/assets/vendor/css/core.css
+++ b/public/assets/vendor/css/core.css
@@ -4978,6 +4978,7 @@ fieldset:disabled .btn {
   flex: 1 1 auto;
   padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
   color: var(--bs-card-color);
+  word-break: break-word;
 }
 
 .card-title {
diff --git a/src/components/Activities/Attendance.jsx b/src/components/Activities/Attendance.jsx
index 71b0b966..01ebc105 100644
--- a/src/components/Activities/Attendance.jsx
+++ b/src/components/Activities/Attendance.jsx
@@ -143,7 +143,7 @@ const Attendance = ({
               </tbody>
             </table>
 
-            {!loading > 20 && (
+            {!loading && filteredData.length > 20 && (
               <nav aria-label="Page ">
                 <ul className="pagination pagination-sm justify-content-end py-1">
                   <li