diff --git a/src/app/notifications/notification.component.css b/src/app/notifications/notification.component.css
index eb0ae3aed..4de0c7f39 100755
--- a/src/app/notifications/notification.component.css
+++ b/src/app/notifications/notification.component.css
@@ -216,6 +216,11 @@ input[type='search']::-webkit-search-cancel-button {
   /* border-top:  0.25px solid rgba(117, 117, 143, 0.3) !important; */
   /* Color #75758f with 30% opacity */
   border-bottom: 0.25px solid rgba(117, 117, 143, 0.3) !important;
+
+  /* should add an hr under the ng for for the lline better than use border-bottom  */
+  width: 70vh;
+  /* the border bottom take the width of the div which is actually 50% of the view port to increase the border we should increase the width for the div */
+  /* if there is some problem with the design please comment the line 221  */
 }
 
 
@@ -235,6 +240,7 @@ input[type='search']::-webkit-search-cancel-button {
   height: 50px;
 }
 .container_title_notification_general{
+  padding-bottom: 1em;
   width: 39em;
 }
 
@@ -277,6 +283,8 @@ input[type='search']::-webkit-search-cancel-button {
 }
 
 .label_time_notif {
+  padding-bottom: 0.5em;
+  margin-bottom: 0px;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;