From ba16a1556a24f054abec77cff9c4fe942fded9d3 Mon Sep 17 00:00:00 2001
From: Max Mykal <mykalmax@yahoo.com>
Date: Mon, 15 Sep 2025 09:27:05 -0700
Subject: [PATCH] adust styling

---
 web/common/src/components/Metadata/Metadata.tsx   | 14 ++++++++++++--
 web/common/src/components/ModelName/ModelName.tsx |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/web/common/src/components/Metadata/Metadata.tsx b/web/common/src/components/Metadata/Metadata.tsx
index 9227844fd3..a9f908bbf1 100644
--- a/web/common/src/components/Metadata/Metadata.tsx
+++ b/web/common/src/components/Metadata/Metadata.tsx
@@ -20,12 +20,22 @@ export const Metadata = React.forwardRef<HTMLDivElement, MetadataProps>(
         {...props}
       >
         {typeof label === 'string' ? (
-          <div className="text-metadata-label">{label}</div>
+          <div
+            title={label}
+            className="text-metadata-label truncate shrink-0"
+          >
+            {label}
+          </div>
         ) : (
           label
         )}
         {typeof value === 'string' ? (
-          <div className="text-metadata-value font-semibold">{value}</div>
+          <div
+            title={value}
+            className="text-metadata-value font-semibold truncate"
+          >
+            {value}
+          </div>
         ) : (
           value
         )}
diff --git a/web/common/src/components/ModelName/ModelName.tsx b/web/common/src/components/ModelName/ModelName.tsx
index 1c902018a1..0685d4b872 100644
--- a/web/common/src/components/ModelName/ModelName.tsx
+++ b/web/common/src/components/ModelName/ModelName.tsx
@@ -192,6 +192,7 @@ export const ModelName = React.forwardRef<HTMLDivElement, ModelNameProps>(
         {showCopy && (
           <CopyButton
             size="2xs"
+            variant="transparent"
             text={name}
             className="ml-2 w-6 hover:text-model-name-copy-icon-hover active:text-model-name-copy-icon-hover"
           >