diff --git a/app/views/fluentd/log.html.haml b/app/views/fluentd/log.html.haml
index 9a65c00..cbee04c 100644
--- a/app/views/fluentd/log.html.haml
+++ b/app/views/fluentd/log.html.haml
@@ -3,7 +3,6 @@
     = icon('fa-download')
     = t('fluentd.common.raw_log_link')
 
-.row
-  .col-xl-12.col-sm-12
-    = preserve do # partial containing <pre>, so shouldn't break indent
-      = render partial: "shared/vue/fluent_log", locals: { fluentd: @fluentd }
+.row.ml-3
+  = preserve do # partial containing <pre>, so shouldn't break indent
+    = render partial: "shared/vue/fluent_log", locals: { fluentd: @fluentd }
diff --git a/app/views/shared/vue/_fluent_log.html.erb b/app/views/shared/vue/_fluent_log.html.erb
index 57fcbf2..dec7763 100644
--- a/app/views/shared/vue/_fluent_log.html.erb
+++ b/app/views/shared/vue/_fluent_log.html.erb
@@ -14,8 +14,8 @@
     <span v-if="processing"><%= icon('fa-spin fa-refresh') %></span>
   </div>
 
-<pre v-if="isPresentedLogs"><!-- be careful indent -->
-<div class="log"><span v-for="log in logs">{{ log }}
+<pre v-if="isPresentedLogs" class="card bg-light"><!-- be careful indent -->
+<div class="log card-body"><span v-for="log in logs">{{ log }}
 </span></div></pre>
 
   <div v-if="!isPresentedLogs && !processing">