diff --git a/assets/style-refractored.scss b/assets/style-refractored.scss
index 19d6734..0ad4f0c 100644
--- a/assets/style-refractored.scss
+++ b/assets/style-refractored.scss
@@ -414,6 +414,11 @@ $gray: #919EB1;
     
         margin-top: 0;
         margin-bottom: 0;
+
+
+        .note-time {
+            padding-right: 15px;
+        }
     }
 }
 
diff --git a/layouts/partials/row.html b/layouts/partials/row.html
index 7713e37..8a58618 100644
--- a/layouts/partials/row.html
+++ b/layouts/partials/row.html
@@ -136,7 +136,7 @@
 
                     {{/* Note info shown below the main content */}}
                     <div class="moment-note">
-                        <p class="note">{{ $page.Date.Format "15:04" }} {{ $page.Params.note }}</p>
+                        <p class="note"><span class="note-time">{{ $page.Date.Format "15:04" }}</span><span class="note-context">{{ $page.Params.note }}</span></p>
                         <div class="buttons" style="display: flex;">
                             {{ if $.site.Params.experimental.comment }}<div class="comment-btn" id="comment-btn-{{ $index }}"><i class="far fa-comment"></i></div>{{ end }}
                             <div class="like-btn"><i class="far fa-heart"></i></div>