Use .dashed class instead of global attribute selector for title indication

src/components/common/DynamicDate.tsx

@@ -22,7 +22,7 @@ const DynamicDate: FunctionComponent<DynamicDateProps> = ({
   const date = new Date(value);
   return (
     <button onClick={toggleFormat}>
-      <span title={date.toISOString()}>
+      <span className="dashed" title={date.toISOString()}>
         {showAbsolute
           ? format(date, absoluteFormat ?? "LLL do, y HH:mm:ss xxx")
           : <TimeAgo date={date} />}

src/components/common/PropertyList.tsx

@@ -8,7 +8,7 @@ const PropertyListItem: FunctionComponent<{
 }> = ({ title, children }) => {
   return (
     <li>
-      <span title={title}>{children}</span>
+      <span className="dashed" title={title}>{children}</span>
     </li>
   );
 };

src/styles/globals.scss

@@ -10,7 +10,7 @@ dd {
     margin: 0.5em 0 1em 2em;
 }
 
-[title]:not(.no-title) {
+.dashed {
     border-bottom: 1px dashed silver;
 }