fix table ui

src/components/browser-data/ExtensionsList.vue

@@ -15,7 +15,7 @@ const emit = defineEmits<{
 
 <template>
   <section class="table-section">
-    <div v-if="extensions.length" class="data-table">
+    <div v-if="extensions.length" class="data-table styled-scrollbar">
       <div class="data-table-header extensions-grid">
         <div class="header-cell icon-cell">Icon</div>
         <button class="header-cell sortable" :class="{ active: sortKey === 'name' }" type="button" @click="emit('update:sortKey', 'name')">Name</button>
@@ -54,17 +54,20 @@ const emit = defineEmits<{
 <style scoped>
 .table-section {
   padding: 0;
+  height: 100%;
+  min-height: 0;
 }
 
 .data-table {
   display: flex;
   flex-direction: column;
-  min-height: 100%;
+  height: 100%;
+  min-height: 0;
   border: 1px solid rgba(148, 163, 184, 0.18);
   border-radius: 22px;
   background: var(--panel);
   box-shadow: var(--shadow);
-  overflow: clip;
+  overflow: auto;
 }
 
 .extensions-grid {