From 9ac345cd8d667888f5e2cfc46260e2d259997d55 Mon Sep 17 00:00:00 2001
From: Alexander Brown <448862+DrJKL@users.noreply.github.com>
Date: Thu, 15 Jan 2026 18:13:58 -0800
Subject: [PATCH] style: add border separators to ModelInfoPanel accordion
 items

---
 src/components/widget/layout/BaseModalLayout.vue          | 4 ++--
 .../assets/components/modelInfo/ModelInfoPanel.vue        | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/widget/layout/BaseModalLayout.vue b/src/components/widget/layout/BaseModalLayout.vue
index ef7298b26..b3911c42a 100644
--- a/src/components/widget/layout/BaseModalLayout.vue
+++ b/src/components/widget/layout/BaseModalLayout.vue
@@ -67,11 +67,11 @@
         </div>
         <aside
           v-if="hasRightPanel && isRightPanelOpen"
-          class="flex w-72 shrink-0 bg-modal-panel-background flex-col border-l border-border-default"
+          class="flex w-72 shrink-0 bg-modal-panel-background flex-col"
         >
           <header
             data-component-id="RightPanelHeader"
-            class="flex h-16 shrink-0 items-center gap-2 border-b border-border-default px-4"
+            class="flex h-16 shrink-0 items-center gap-2 px-4"
           >
             <h2 v-if="rightPanelTitle" class="flex-1 text-lg font-semibold">
               {{ rightPanelTitle }}
diff --git a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
index 752bb2bc6..b58efc214 100644
--- a/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
+++ b/src/platform/assets/components/modelInfo/ModelInfoPanel.vue
@@ -3,7 +3,7 @@
     data-component-id="ModelInfoPanel"
     class="flex h-full flex-col scrollbar-custom"
   >
-    <PropertiesAccordionItem class="bg-transparent">
+    <PropertiesAccordionItem :class="accordionClass">
       <template #label>
         <span class="text-xs uppercase font-inter">
           {{ $t('assetBrowser.modelInfo.basicInfo') }}
@@ -32,7 +32,7 @@
       </ModelInfoField>
     </PropertiesAccordionItem>
 
-    <PropertiesAccordionItem class="bg-transparent">
+    <PropertiesAccordionItem :class="accordionClass">
       <template #label>
         <span class="text-xs uppercase font-inter">
           {{ $t('assetBrowser.modelInfo.modelTagging') }}
@@ -66,7 +66,7 @@
       </ModelInfoField>
     </PropertiesAccordionItem>
 
-    <PropertiesAccordionItem class="bg-transparent">
+    <PropertiesAccordionItem :class="accordionClass">
       <template #label>
         <span class="text-xs uppercase font-inter">
           {{ $t('assetBrowser.modelInfo.modelDescription') }}
@@ -113,6 +113,8 @@ import {
 
 import ModelInfoField from './ModelInfoField.vue'
 
+const accordionClass = 'bg-transparent border-t border-border-default'
+
 const { asset } = defineProps<{
   asset: AssetDisplayItem
 }>()