diff --git a/src/element/Nip05.tsx b/src/element/Nip05.tsx
index ff1e3428..7b342ddc 100644
--- a/src/element/Nip05.tsx
+++ b/src/element/Nip05.tsx
@@ -54,9 +54,11 @@ const Nip05 = (props: Nip05Params) => {
return (
ev.stopPropagation()}>
-
- {!isDefaultUser && name}
-
+ {!isDefaultUser && (
+
+ {name}
+
+ )}
{domain}
diff --git a/src/element/Textarea.css b/src/element/Textarea.css
index b8bf04f9..8e99cf0f 100644
--- a/src/element/Textarea.css
+++ b/src/element/Textarea.css
@@ -1,21 +1,5 @@
-.rta__entity {
- background: var(--gray);
-}
-
-.rta__entity--selected {
- color: var(--font-color);
- background: var(--gray-secondary);
-}
-
-.rta__list {
- border: 1px solid var(--gray-tertiary);
-}
-
-.rta__item:not(:last-child) {
- border-bottom: 1px solid var(--gray-tertiary);
-}
-
.user-item {
+ background: var(--gray);
display: flex;
flex-direction: row;
align-items: center;
@@ -23,6 +7,10 @@
padding: 10px;
}
+.user-item:hover {
+ background: var(--gray-tertiary);
+}
+
.user-item .picture {
width: 30px;
height: 30px;
diff --git a/src/element/Textarea.tsx b/src/element/Textarea.tsx
index 7b8ee8ec..3cb71c4c 100644
--- a/src/element/Textarea.tsx
+++ b/src/element/Textarea.tsx
@@ -1,10 +1,10 @@
+import "@webscopeio/react-textarea-autocomplete/style.css";
import "./Textarea.css";
import Nostrich from "../nostrich.jpg";
import { useLiveQuery } from "dexie-react-hooks";
import ReactTextareaAutocomplete from "@webscopeio/react-textarea-autocomplete";
import TextareaAutosize from "react-textarea-autosize";
-import "@webscopeio/react-textarea-autocomplete/style.css";
import Nip05 from "./Nip05";
import { hexToBech32 } from "../Util";