Add className to EnvVar

src/admin/insights/AdminAppInsightsClient.tsx

@@ -314,8 +314,10 @@ export default function AdminAppInsightsClient({
                 {' '}
                 default view to grid by setting
                 {' '}
-                {/* eslint-disable-next-line max-len */}
-                <EnvVar variable="NEXT_PUBLIC_GRID_HOMEPAGE_ENABLED" value="1" />.
+                <EnvVar
+                  variable="NEXT_PUBLIC_GRID_HOMEPAGE_ENABLED"
+                  value="1"
+                />.
               </>}
             />}
           </>

src/components/EnvVar.tsx

@@ -5,16 +5,19 @@ export default function EnvVar({
   variable,
   value,
   includeCopyButton = true,
+  className,
 }: {
   variable: string,
   value?: string,
   includeCopyButton?: boolean,
+  className?: string,
 }) {
   return (
     <div
       className={clsx(
         'inline-flex',
         'overflow-x-auto overflow-y-hidden',
+        className,
       )}
     >
       <span className="inline-flex items-center gap-1">

src/components/ScoreCardRow.tsx

@@ -50,7 +50,10 @@ export default function ScoreCardRow({
           {content}
         </div>
         {isExpanded &&
-          <div className="text-medium leading-relaxed">
+          <div className={clsx(
+            // 'overflow-auto w-full flex flex-col min-w-0',
+            'text-medium leading-relaxed',
+          )}>
             {expandContent}
           </div>}
       </div>