From d0e62cdff5b31197f34636a6656be3a327aebb6d Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Mon, 24 Jun 2024 08:28:53 +0000
Subject: [PATCH] fix(nc-gui): audit logs horizontal scroll issue & apply
 border

---
 packages/nc-gui/components/workspace/AuditLogs.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/workspace/AuditLogs.vue b/packages/nc-gui/components/workspace/AuditLogs.vue
index 7bb7876979..8fc4a964da 100644
--- a/packages/nc-gui/components/workspace/AuditLogs.vue
+++ b/packages/nc-gui/components/workspace/AuditLogs.vue
@@ -13,7 +13,9 @@ interface Props {
   bordered?: boolean
 }
 
-const props = defineProps<Props>()
+const props = withDefaults(defineProps<Props>(), {
+  bordered: true,
+})
 
 const allowedAuditOperationTypes = [
   AuditOperationTypes.DATA,
@@ -774,7 +776,7 @@ useEventListener(tableWrapper, 'scroll', () => {
     </div>
     <template v-if="appInfo.auditEnabled">
       <div
-        class="table-container relative w-[fit-content]"
+        class="table-container relative"
         :class="{
           'h-[calc(100%_-_92px)] ': baseId,
           'h-[calc(100%_-_140px)]': !baseId,
@@ -783,7 +785,7 @@ useEventListener(tableWrapper, 'scroll', () => {
       >
         <div
           ref="tableWrapper"
-          class="nc-audit-logs-table h-full max-h-[calc(100%_-_40px)] nc-scrollbar-thin relative !overflow-auto"
+          class="nc-audit-logs-table h-full max-h-[calc(100%_-_40px)] relative nc-scrollbar-thin !overflow-auto"
         >
           <table class="!sticky top-0 z-10">
             <thead>