diff --git a/webapp/src/components/tabContentComponents/loggingContent.vue b/webapp/src/components/tabContentComponents/loggingContent.vue
index 91d85132..deaffe4d 100644
--- a/webapp/src/components/tabContentComponents/loggingContent.vue
+++ b/webapp/src/components/tabContentComponents/loggingContent.vue
@@ -35,18 +35,18 @@
       </div>
     </nav>
 
-    <div class="uk-width-xlarge uk-align-center">
-      <div v-if="filteredItems.length == 0" class="uk-alert-primary" uk-alert>
-        <p>
-          No log entries found at the current filter level (<strong>{{ filterLevel }}</strong> or
-          higher).
-        </p>
-        <p>You can include lower levels using the dropdown in the top left.</p>
-      </div>
-    </div>
-
     <!-- Logging items -->
     <div class="uk-width-xlarge uk-align-center">
+      <div v-if="filteredItems.length == 0" class="logging-entry" uk-alert>
+        <div class="logging-entry-body">
+          <p>
+            No log entries found at the current filter level (<strong>{{ filterLevel }}</strong> or
+            higher).
+          </p>
+          <p>You can include lower levels using the dropdown in the top left.</p>
+        </div>
+      </div>
+
       <div
         v-for="item in pagedItems"
         :key="item.sequence"