diff --git a/src/plugins/notebook/components/NotebookEntry.vue b/src/plugins/notebook/components/NotebookEntry.vue
index 9261063a02..6f45cd389a 100644
--- a/src/plugins/notebook/components/NotebookEntry.vue
+++ b/src/plugins/notebook/components/NotebookEntry.vue
@@ -28,12 +28,16 @@
     @drop.prevent="dropOnEntry"
 >
     <div class="c-ne__time-and-content">
-        <div class="c-ne__time">
-            <template v-if="entry.createdBy">
-                <span class="c-icon icon-person">{{ entry.createdBy }}</span>
-            </template>
-            <span>{{ createdOnDate }}</span>
-            <span>{{ createdOnTime }}</span>
+        <div class="c-ne__time-and-creator">
+            <span class="c-ne__created-date">{{ createdOnDate }}</span>
+            <span class="c-ne__created-time">{{ createdOnTime }}</span>
+
+            <span
+                v-if="entry.createdBy"
+                class="c-ne__creator"
+            >
+                <span class="icon-person"></span> {{ entry.createdBy }}
+            </span>
         </div>
         <div class="c-ne__content">
             <template v-if="readOnly && result">
diff --git a/src/styles/notebook.scss b/src/styles/notebook.scss
index 44ddd5fc64..ca410100d4 100644
--- a/src/styles/notebook.scss
+++ b/src/styles/notebook.scss
@@ -243,29 +243,40 @@
     display: flex;
     padding: $interiorMarginSm $interiorMarginSm $interiorMarginSm $interiorMargin;
 
-    &__time,
     &__text,
     &__local-controls {
         padding-top: $p;
         padding-bottom: $p;
     }
 
-    &__time,
+    &__creator,
     &__embed__time {
         opacity: 0.7;
     }
 
+    &__time-and-creator,
+    &__input {
+        padding: $p;
+    }
+
+    &__creator [class*='icon'] {
+        font-size: 0.95em;
+    }
+
     &__time-and-content {
-        display: flex;
+        display: block;
         flex: 1 1 auto;
-        flex-wrap: wrap;
+
+        > * + * {
+            margin-top: $interiorMarginSm;
+        }
+
+        [class*='created-'] {
+            color: pullForward($colorBodyFg, 20%);
+        }
     }
 
     &__time {
-        flex: 0 1 auto;
-        min-width: 130px;
-        margin-right: $interiorMarginLg;
-
         * {
             white-space: nowrap;
         }
@@ -294,12 +305,12 @@
     &__input {
         // Appended to __text element when Notebook is not in readOnly mode
         @include inlineInput;
-        padding-left: $inputTextPLeftRight;
-        padding-right: $inputTextPLeftRight;
+        padding-left: $p;
+        padding-right: $p;
 
         @include hover {
             &:not(:focus) {
-                background: rgba($colorBodyFg, 0.1);
+                background: rgba($colorBodyFg, 0.2);
             }
         }