diff --git a/templates/main/index.html b/templates/main/index.html
index 22ecfd3..e992211 100644
--- a/templates/main/index.html
+++ b/templates/main/index.html
@@ -15,8 +15,8 @@
                             <img class="card-img" src="{{ post.images[0].uri }}" alt="random image">
 
                             <div class="card-img-overlay d-flex align-items-center justify-content-center">
-                                <div class="card-title-bg bg-dark w-100 d-flex align-items-center justify-content-center">
-                                    <h5 class="card-text text-light">{{ post.title|safe }}</h5>
+                                <div class="card-title-bg bg-white  w-100 d-flex align-items-center justify-content-center">
+                                    <h5 class="card-text text-dark">{{ post.title|safe }}</h5>
                                 </div>
                             </div>
                         </div>
diff --git a/templates/main/modal.html b/templates/main/modal.html
index c2cde6e..7701330 100644
--- a/templates/main/modal.html
+++ b/templates/main/modal.html
@@ -6,7 +6,7 @@
                 <div class="container-fluid">
                     <div class="row justify-content-center text-justify">
                         <div id="details-intro" class="text-center col-10"></div>
-                        <div id="details-description" class="col-10"></div>
+                        <div id="details-description" class="text-center col-10"></div>
                     </div>
                 </div>
             </div>