diff --git a/web/css/basic.css b/web/css/basic.css
index e979bf27ac47a3200134a65098e52618d4b17607..3a0c1402363c028e7c2c1e56544e9ca873bf092b 100644
--- a/web/css/basic.css
+++ b/web/css/basic.css
@@ -153,6 +153,11 @@ a {
 }
 
 
+.c-border {
+    border: 2px solid black!important;
+}
+
+
 .alert-box:before,
 .alert-box:after {
     content: "";
diff --git a/web/history/controller.php b/web/history/controller.php
index f9bc55b22e85221834c730daa00d2767975bada4..970f7baaf0d2a0fa5f29bcb799318ba508b2ac79 100644
--- a/web/history/controller.php
+++ b/web/history/controller.php
@@ -20,7 +20,22 @@ class historyController {
         $conn = connect_to_mysql();
         $arrResult = array();
         if ($conn != null) {
-            $sql_query = "SELECT * FROM book_order JOIN books ON book_id=books.ID where user_Id=$userId ORDER BY tanggal DESC";
+//            $sql_query = "SELECT * FROM book_order JOIN books ON book_id=books.ID where user_Id=$userId ORDER BY tanggal DESC";
+            $sql_query = "
+                        SELECT 
+                            *,
+                            (CASE
+                                WHEN EXISTS (SELECT * FROM review where Nomor_Order=order_id) THEN TRUE
+                                ELSE FALSE
+                            END) as reviewed
+                        FROM 
+                            book_order 
+                        JOIN 
+                            books
+                        ON 
+                            book_id=books.ID 
+                        where user_Id=$userId ORDER BY tanggal DESC, Nomor_Order DESC
+            ";
             $result = $conn->query($sql_query);
             if ($result != NULL){
                 while ($row = $result->fetch_assoc()) {
diff --git a/web/history/view.php b/web/history/view.php
index 2f93b12bdfcc248e3a3b290f438152eb5a057a44..02ea0b9945aec3bfb7ea14c3328ac3db1d7396ca 100644
--- a/web/history/view.php
+++ b/web/history/view.php
@@ -40,7 +40,7 @@ class historyView {
         $resultHTML = '
             <div class="flex-history-item align-items-flex-start">
                 <div class="flex-1">
-                    <img class="history-image-item" src="'.$data['imgSource'].'">
+                    <img class="c-border history-image-item" src="'.$data['imgSource'].'">
                 </div>
                 <div class="flex-2" >
                     <div class="orange-text text-size-40 title-item-history" >'.$data['itemName'].'</div>
@@ -67,7 +67,7 @@ class historyView {
         $resultHTML = '
             <div class="flex-history-item align-items-flex-start">
                 <div class="flex-1">
-                    <img class="history-image-item" src="'.$data['imgSource'].'">
+                    <img class="c-border history-image-item" src="'.$data['imgSource'].'">
                 </div>
                 <div class="flex-2" >
                     <div class="orange-text text-size-40 title-item-history" >'.$data['itemName'].'</div>
@@ -76,8 +76,8 @@ class historyView {
                 </div>
                 <div id="right-most-column-history-item">
                     <div class="flex-container align-items-flex-end  add-flex-direction-column ">
-                        <div class="font-weight-bold gray-text">'.$data['date'].'</div>
-                        <div class="font-weight-bold gray-text">Nomor Order #'.$data['orderNumber'].'</div>                    
+                        <div class="font-weight-bold text-size-20 gray-text">'.$data['date'].'</div>
+                        <div class="font-weight-bold text-size-20 gray-text">Nomor Order #'.$data['orderNumber'].'</div>                    
                     </div>
                 </div>
             </div>
diff --git a/web/profile/view.php b/web/profile/view.php
index e08dc0f2cd49f4f96579a3b90f3ae99d1a190ccc..802c545f56d28c27b9269ccc532da3cdf692ff4f 100644
--- a/web/profile/view.php
+++ b/web/profile/view.php
@@ -20,7 +20,7 @@ function viewProfile (array $params) {
             <label id="label-text-my-profile" >My Profile</label>
         </div>
 
-        <div class="text-size-40" id="profile-data-table">
+        <div class="text-size-30" id="profile-data-table">
             <div class="flex-container align-items-flex-center">
                 <object class="icon-profile" type="image/svg+xml" data="../svgIcon/user.svg">
                     Your browser does not support SVG
diff --git a/web/uploads/21.jpg b/web/uploads/21.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..d3148fe96f9307bbb54d7f4065b557b03ddf4d7b
Binary files /dev/null and b/web/uploads/21.jpg differ