Adjust envvar overflow

src/admin/insights/AdminAppInsightsClient.tsx

@@ -317,7 +317,8 @@ export default function AdminAppInsightsClient({
                 <EnvVar
                   variable="NEXT_PUBLIC_GRID_HOMEPAGE_ENABLED"
                   value="1"
-                />.
+                  trailingContent="."
+                />
               </>}
             />}
           </>

src/components/EnvVar.tsx

@@ -1,21 +1,24 @@
 import clsx from 'clsx/lite';
+import { ReactNode } from 'react';
 import CopyButton from './CopyButton';
 
 export default function EnvVar({
   variable,
   value,
   includeCopyButton = true,
+  trailingContent,
   className,
 }: {
   variable: string,
   value?: string,
   includeCopyButton?: boolean,
+  trailingContent?: ReactNode,
   className?: string,
 }) {
   return (
     <div
       className={clsx(
-        'inline-flex',
+        'inline-flex max-w-full',
         'overflow-x-auto overflow-y-hidden',
         className,
       )}
@@ -37,6 +40,7 @@ export default function EnvVar({
             text={variable}
             subtle
           />}
+        {trailingContent}
       </span>
     </div>
   );

src/components/ScoreCardRow.tsx

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