diff --git a/components/haditha/CardList.vue b/components/haditha/CardList.vue
index e94af1a..6e03d65 100644
--- a/components/haditha/CardList.vue
+++ b/components/haditha/CardList.vue
@@ -45,7 +45,7 @@ const goToLibraryShow = (item) => {
       class="library-list grid grid-cols-2 gap-x-15 gap-y-12 md:grid-cols-5 md:gap-x-28 md:gap-y-12 mx-6"
     >
       <UCard
-      class="mx-auto"
+        class="mx-auto"
         v-if="props.list.length"
         v-for="(item, index) in props.list"
         :key="index"
@@ -172,10 +172,8 @@ const goToLibraryShow = (item) => {
     text-align: center;
   }
   @media screen and (max-width: 719.99px) {
-    .library-list-contianer {
-    }
     .library-list {
-      height: calc(100dvh - 8em);
+      height: calc(100dvh - 13em);
     }
 
     .page-header {
@@ -185,5 +183,4 @@ const goToLibraryShow = (item) => {
     }
   }
 }
-
 </style>