From 004b7b8a6409cb35b690f67c16a2e63cbe9894a9 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Wed, 6 Dec 2023 16:15:05 +0700
Subject: [PATCH] bug: fix tag description showing a title and fix card right
 panel

---
 web/containers/CardSidebar/index.tsx                 | 11 +++++++----
 web/screens/ExploreModels/ExploreModelItem/index.tsx |  7 ++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/web/containers/CardSidebar/index.tsx b/web/containers/CardSidebar/index.tsx
index c260333673..8b0fd10587 100644
--- a/web/containers/CardSidebar/index.tsx
+++ b/web/containers/CardSidebar/index.tsx
@@ -32,13 +32,12 @@ export default function CardSidebar({
   return (
     <div
       className={twMerge(
-        'flex w-full flex-col rounded-lg border border-border',
-        show && 'border border-border'
+        'flex w-full flex-col rounded-md border border-border bg-zinc-200 dark:bg-zinc-600/10'
       )}
     >
       <div
         className={twMerge(
-          'relative flex items-center rounded-t-md bg-zinc-200 dark:bg-zinc-600/10',
+          'relative flex items-center rounded-t-md ',
           show && 'border-b border-border'
         )}
       >
@@ -93,7 +92,11 @@ export default function CardSidebar({
           </div>
         )}
       </div>
-      {show && <div className="flex flex-col gap-2 p-2">{children}</div>}
+      {show && (
+        <div className="flex flex-col gap-2 bg-white p-2 dark:bg-background">
+          {children}
+        </div>
+      )}
     </div>
   )
 }
diff --git a/web/screens/ExploreModels/ExploreModelItem/index.tsx b/web/screens/ExploreModels/ExploreModelItem/index.tsx
index c3bcdd9679..553c73a496 100644
--- a/web/screens/ExploreModels/ExploreModelItem/index.tsx
+++ b/web/screens/ExploreModels/ExploreModelItem/index.tsx
@@ -62,7 +62,12 @@ const ExploreModelItem = forwardRef<HTMLDivElement, Props>(({ model }, ref) => {
                 </span>
                 <div className="mt-2 flex space-x-2">
                   {model.metadata.tags.map((tag, i) => (
-                    <Badge key={i} themes="primary" className="line-clamp-1">
+                    <Badge
+                      key={i}
+                      themes="primary"
+                      className="line-clamp-1"
+                      title={tag}
+                    >
                       {tag}
                     </Badge>
                   ))}