no border and on hover no background change

src/components/ExportDialog.scss

@@ -34,6 +34,13 @@
 
     .TextInput {
       height: calc(1rem - 3px);
+
+      &--readonly {
+        border: none;
+        &:hover {
+          background: none;
+        }
+      }
     }
   }
 

src/components/ProjectName.tsx

@@ -59,7 +59,10 @@ export class ProjectName extends Component<Props> {
         {this.props.value}
       </span>
     ) : (
-      <span className="TextInput" aria-label={this.props.label}>
+      <span
+        className="TextInput TextInput--readonly"
+        aria-label={this.props.label}
+      >
         {this.props.value}
       </span>
     );