CommonDetails style

components/measurement/CommonDetails.js

@@ -1,13 +1,13 @@
 import dynamic from 'next/dynamic'
 import { useRouter } from 'next/router'
-import { Button, colors } from 'ooni-components'
+import { colors } from 'ooni-components'
 import PropTypes from 'prop-types'
 import { useState } from 'react'
 import { FormattedMessage, useIntl } from 'react-intl'
 
 import { DetailsBox, DetailsBoxTable } from './DetailsBox'
 
-const LoadingRawData = (props) => {
+const LoadingRawData = () => {
   return (
     <div className="text-base">
       <FormattedMessage id="General.Loading" />
@@ -21,9 +21,9 @@ const ReactJson = dynamic(() => import('react-json-view'), {
 })
 
 const JsonViewer = ({ src, collapsed }) => (
-  <StyledReactJsonContainer>
+  <div className="[&_.string-value]:overflow-ellipsis [&_.string-value]:max-w-[800px] [&_.string-value]:overflow-hidden [&_.string-value]:inline-block">
     <ReactJson collapsed={collapsed} src={src} name={null} indentWidth={2} />
-  </StyledReactJsonContainer>
+  </div>
 )
 
 JsonViewer.propTypes = {