diff --git a/my-app/src/views/ListView.jsx b/my-app/src/views/ListView.jsx
index 98e1f10..3e05667 100644
--- a/my-app/src/views/ListView.jsx
+++ b/my-app/src/views/ListView.jsx
@@ -111,11 +111,12 @@ function ListView(props) {
                                         className="text-gray-600"
                                         dangerouslySetInnerHTML={{
                                             __html: readMore[course.code]
-                                                ? course.description
-                                                : (course.description.slice(0, 200)+"..."),
+                                                ? (course.description || "No description available")
+                                                : ((course.description ? course.description.slice(0, 200) + "..." : "No description available")),
                                         }}
                                     />
-                                    {course.description.length > 150 && (
+
+                                    {course.description && course.description.length > 150 && (
                                         <span
                                             className="text-blue-500 cursor-pointer"
                                             onClick={(e) => {
@@ -144,9 +145,9 @@ function ListView(props) {
 										   transition-all duration-300 ease-in-out
 										   font-semibold text-sm shadow-sm
 										   ${props.favouriteCourses.some((fav) => fav.code === course.code)
-                                                    ? 'bg-yellow-400 /90 hover:bg-yellow-500/90 border-2 border-yellow-600 hover:border-yellow-700 text-yellow-900'
-                                                    : 'bg-yellow-200/90 hover:bg-yellow-300 border-2 border-yellow-400 hover:border-yellow-500 text-yellow-600 hover:text-yellow-700'
-                                                }`}
+                                                ? 'bg-yellow-400 /90 hover:bg-yellow-500/90 border-2 border-yellow-600 hover:border-yellow-700 text-yellow-900'
+                                                : 'bg-yellow-200/90 hover:bg-yellow-300 border-2 border-yellow-400 hover:border-yellow-500 text-yellow-600 hover:text-yellow-700'
+                                            }`}
                                             onClick={(e) => {
                                                 e.stopPropagation();
                                                 handleFavouriteClick(course);
@@ -154,15 +155,21 @@ function ListView(props) {
                                         >
                                             {props.favouriteCourses.some((fav) => fav.code === course.code) ? (
                                                 <>
-                                                    <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 fill-yellow-900" viewBox="0 0 20 20">
-                                                        <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
+                                                    <svg xmlns="http://www.w3.org/2000/svg"
+                                                         className="h-5 w-5 fill-yellow-900" viewBox="0 0 20 20">
+                                                        <path
+                                                            d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"/>
                                                     </svg>
                                                     Remove from Favourites
                                                 </>
                                             ) : (
                                                 <>
-                                                    <svg xmlns="http://www.w3.org/2000/svg" className="h-5 w-5 stroke-yellow-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                                                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z" />
+                                                    <svg xmlns="http://www.w3.org/2000/svg"
+                                                         className="h-5 w-5 stroke-yellow-500" fill="none"
+                                                         viewBox="0 0 24 24" stroke="currentColor">
+                                                        <path strokeLinecap="round" strokeLinejoin="round"
+                                                              strokeWidth={2}
+                                                              d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/>
                                                     </svg>
                                                     Add to Favourites
                                                 </>
@@ -176,9 +183,9 @@ function ListView(props) {
                 </div>
             )}
             {props.popup}
-            {!isLoading && props.targetScroll > 1000 &&(
-            <button
-                onClick={() => props.setTargetScroll(0)}
+            {!isLoading && props.targetScroll > 1000 && (
+                <button
+                    onClick={() => props.setTargetScroll(0)}
                 className="fixed bottom-6 right-6 z-50 bg-[#000061] text-white p-3 rounded-full shadow-lg hover:bg-[#1a1a80] transition-all"
                 title="Scroll to top"
             >