diff --git a/docs/fields.md b/docs/fields.md
index 5bfadb4..7fcf7f0 100644
--- a/docs/fields.md
+++ b/docs/fields.md
@@ -199,6 +199,6 @@ $logger->fields([
 ```
 
 {: .note }
-Changes are displayed inside the header. <u>Only works if only one field has been changed</u>.
+Change is displayed inside the header. <u>Only works if only one field has been changed</u>.
 
 ![Screenshot](./assets/images/inline-screenshot.png)
diff --git a/resources/dist/filament-activity-log.css b/resources/dist/filament-activity-log.css
index e4042af..093f67f 100644
--- a/resources/dist/filament-activity-log.css
+++ b/resources/dist/filament-activity-log.css
@@ -1 +1 @@
-.right-4{right:1rem}.top-1{top:.25rem}.top-20{top:5rem}.mr-2{margin-right:.5rem}.w-\[1\%\]{width:1%}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-0{max-width:0}.\!table-fixed{table-layout:fixed!important}.overflow-x-scroll{overflow-x:scroll}.\!whitespace-normal{white-space:normal!important}.break-all{word-break:break-all}.bg-blue-50\/70{background-color:#eff6ffb3}.bg-gray-100\/30{background-color:rgba(var(--gray-100),.3)}.bg-gray-50\/70{background-color:rgba(var(--gray-50),.7)}.bg-green-50\/70{background-color:#f0fdf4b3}.bg-orange-50\/70{background-color:#fff7edb3}.bg-red-50\/70{background-color:#fef2f2b3}.\!p-2{padding:.5rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.align-top{vertical-align:top}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.group:hover .group-hover\:opacity-100{opacity:1}:is([dir=rtl] .rtl\:divide-x-reverse)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}:is(.dark .dark\:divide-white\/20)>:not([hidden])~:not([hidden]){border-color:#fff3}:is(.dark .dark\:border-blue-600){--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgba(var(--gray-600),var(--tw-border-opacity))}:is(.dark .dark\:border-green-600){--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}:is(.dark .dark\:border-orange-600){--tw-border-opacity:1;border-color:rgb(234 88 12/var(--tw-border-opacity))}:is(.dark .dark\:border-red-600){--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}:is(.dark .dark\:border-white\/5){border-color:#ffffff0d}:is(.dark .dark\:bg-blue-100\/10){background-color:#dbeafe1a}:is(.dark .dark\:bg-gray-100\/10){background-color:rgba(var(--gray-100),.1)}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgba(var(--gray-800),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgba(var(--gray-900),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900\/20){background-color:rgba(var(--gray-900),.2)}:is(.dark .dark\:bg-green-100\/10){background-color:#dcfce71a}:is(.dark .dark\:bg-orange-100\/10){background-color:#ffedd51a}:is(.dark .dark\:bg-red-100\/10){background-color:#fee2e21a}:is(.dark .dark\:bg-transparent){background-color:initial}:is(.dark .dark\:text-blue-400){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgba(var(--gray-300),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:text-green-400){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}:is(.dark .dark\:text-orange-400){--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}:is(.dark .dark\:text-red-400){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}:is(.dark .dark\:ring-white\/20){--tw-ring-color:#fff3}
\ No newline at end of file
+.right-4{right:1rem}.top-1{top:.25rem}.top-20{top:5rem}.mr-2{margin-right:.5rem}.w-\[1\%\]{width:1%}.w-fit{width:-moz-fit-content;width:fit-content}.max-w-0{max-width:0}.\!table-fixed{table-layout:fixed!important}.\!whitespace-normal{white-space:normal!important}.break-all{word-break:break-all}.bg-blue-50\/70{background-color:#eff6ffb3}.bg-gray-50\/70{background-color:rgba(var(--gray-50),.7)}.bg-green-50\/70{background-color:#f0fdf4b3}.bg-orange-50\/70{background-color:#fff7edb3}.bg-red-50\/70{background-color:#fef2f2b3}.\!p-2{padding:.5rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.align-top{vertical-align:top}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.group:hover .group-hover\:opacity-100{opacity:1}:is([dir=rtl] .rtl\:divide-x-reverse)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:1}:is(.dark .dark\:divide-white\/20)>:not([hidden])~:not([hidden]){border-color:#fff3}:is(.dark .dark\:border-blue-600){--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgba(var(--gray-600),var(--tw-border-opacity))}:is(.dark .dark\:border-green-600){--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}:is(.dark .dark\:border-orange-600){--tw-border-opacity:1;border-color:rgb(234 88 12/var(--tw-border-opacity))}:is(.dark .dark\:border-red-600){--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}:is(.dark .dark\:border-white\/5){border-color:#ffffff0d}:is(.dark .dark\:bg-blue-100\/10){background-color:#dbeafe1a}:is(.dark .dark\:bg-gray-100\/10){background-color:rgba(var(--gray-100),.1)}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgba(var(--gray-700),var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgba(var(--gray-800),var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-100\/10){background-color:#dcfce71a}:is(.dark .dark\:bg-orange-100\/10){background-color:#ffedd51a}:is(.dark .dark\:bg-red-100\/10){background-color:#fee2e21a}:is(.dark .dark\:bg-transparent){background-color:initial}:is(.dark .dark\:text-blue-400){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity:1;color:rgba(var(--gray-200),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgba(var(--gray-300),var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgba(var(--gray-400),var(--tw-text-opacity))}:is(.dark .dark\:text-green-400){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}:is(.dark .dark\:text-orange-400){--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}:is(.dark .dark\:text-red-400){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}:is(.dark .dark\:ring-white\/20){--tw-ring-color:#fff3}
\ No newline at end of file
diff --git a/resources/views/list/header.blade.php b/resources/views/list/header.blade.php
index b1204d0..5ea7cb9 100644
--- a/resources/views/list/header.blade.php
+++ b/resources/views/list/header.blade.php
@@ -25,7 +25,7 @@
             [$field, $oldValue, $newValue] = $inlineField;
         @endphp
 
-        <div class="flex items-center gap-8">
+        <div class="flex items-center gap-8 border p-2 rounded-md">
             <div>{{ $field->display($oldValue) }}</div>
             <div>{{ $field->getLabel() }}</div>
             <div>{{ $field->display($newValue) }}</div>