diff --git a/public/css/app.css b/public/css/app.css
index 93b6f81..73ccb9d 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -23,8 +23,11 @@ main{
     /* background-color:palegoldenrod; */
     background-color:white;
     border: 1px solid black;
+    
 }
 
+
+
 .show-btn{
     background-color: var(--main-color);
     color:white;
diff --git a/views/products/index.ejs b/views/products/index.ejs
index 17aa63e..1ab5766 100644
--- a/views/products/index.ejs
+++ b/views/products/index.ejs
@@ -66,7 +66,7 @@
                          </span>
                       </h5>
                       <p class="card-text fw-light">
-                        <%= product.desc%>
+                        <%= product.desc.slice(0,60)%>...View Product
                       </p>
                       <% if(product.reviews.length){ %>
                         <p class="text-muted">
diff --git a/views/products/show.ejs b/views/products/show.ejs
index 2e8afbe..a6ed781 100644
--- a/views/products/show.ejs
+++ b/views/products/show.ejs
@@ -7,8 +7,8 @@
             <div class="row">
                 <div class="col-lg-6">
 
-                    <div class="card shadow-sm mx-auto" style="width: 22rem;">
-                        <img src="<%=product.img%>" class="card-img-top" alt="item image">
+                    <div class="card shadow-sm mx-auto" style="width: 30rem; margin-bottom: 100px; margin-top: 30px;">
+                        <img src="<%=product.img%>" class="card-img-top" alt="item image" style="height: 300px;" >
                         <div class="card-body">
                             <h5 class="card-title">
                                 <%= product.name %>