diff --git a/README.md b/README.md
index eb77f2b1..ce7c1a23 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-## Snort
+## Snort
 
 Snort is a nostr UI built with React, Snort intends to be fast and effecient
 
@@ -13,7 +13,7 @@ Snort supports the following NIP's
 - [x] NIP-08: Handling Mentions
 - [x] NIP-09: Event Deletion
 - [x] NIP-10: Conventions for clients' use of `e` and `p` tags in text events
-- [x] NIP-11: Relay Information Document
+- [ ] NIP-11: Relay Information Document
 - [x] NIP-12: Generic Tag Queries
 - [ ] NIP-13: Proof of Work
 - [ ] NIP-14: Subject tag in text events
diff --git a/public/index.html b/public/index.html
index 69769402..37d8c801 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,7 +8,7 @@
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Fast nostr web ui" />
   <meta http-equiv="Content-Security-Policy"
-    content="default-src 'self'; child-src 'none'; worker-src 'self'; frame-src youtube.com www.youtube.com https://platform.twitter.com https://embed.tidal.com https://w.soundcloud.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src wss://* 'self' https://*; img-src * data:; font-src https://fonts.gstatic.com; media-src *; script-src 'self' https://static.cloudflareinsights.com https://platform.twitter.com https://embed.tidal.com;" />
+    content="default-src 'self'; child-src 'none'; worker-src 'self'; frame-src youtube.com www.youtube.com https://platform.twitter.com https://embed.tidal.com https://w.soundcloud.com https://www.mixcloud.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; connect-src wss://* 'self' https://*; img-src * data:; font-src https://fonts.gstatic.com; media-src *; script-src 'self' https://static.cloudflareinsights.com https://platform.twitter.com https://embed.tidal.com;" />
 
   <link rel="apple-touch-icon" href="%PUBLIC_URL%/nostrich_512.png" />
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
diff --git a/src/Const.ts b/src/Const.ts
index 3a1d20d3..d8f0827e 100644
--- a/src/Const.ts
+++ b/src/Const.ts
@@ -1,10 +1,5 @@
 import { RelaySettings } from "Nostr/Connection";
 
-/**
- * Add-on api for snort features
- */
-export const ApiHost = "https://api.snort.social";
-
 /**
  * Websocket re-connect timeout
  */
@@ -98,4 +93,11 @@ export const TidalRegex = /tidal\.com\/(?:browse\/)?(\w+)\/([a-z0-9-]+)/i;
 /**
  * SoundCloud regex
  */
+
 export const SoundCloudRegex = /soundcloud\.com\/(?!live)([a-zA-Z0-9]+)\/([a-zA-Z0-9-]+)/
+
+/**
+ * Mixcloud regex
+ */
+
+export const MixCloudRegex = /mixcloud\.com\/(?!live)([a-zA-Z0-9]+)\/([a-zA-Z0-9-]+)/
\ No newline at end of file
diff --git a/src/Element/MixCloudEmbed.tsx b/src/Element/MixCloudEmbed.tsx
new file mode 100644
index 00000000..8812b65e
--- /dev/null
+++ b/src/Element/MixCloudEmbed.tsx
@@ -0,0 +1,27 @@
+import { MixCloudRegex } from "Const";
+import { useSelector } from "react-redux";
+import { RootState } from "State/Store";
+
+const MixCloudEmbed =  ({link}:  {link: string}) => {
+
+    const feedPath = (MixCloudRegex.test(link) && RegExp.$1) + "%2F" + ( MixCloudRegex.test(link) && RegExp.$2)
+
+    const lightTheme = useSelector<RootState, boolean>(s => s.login.preferences.theme === "light");
+
+    const lightParams = lightTheme ? "light=1" : "light=0";
+
+    return(
+        <>
+        <br/>
+        <iframe
+            title="SoundCloud player"
+            width="100%"
+            height="120"
+            frameBorder="0"
+            src={`https://www.mixcloud.com/widget/iframe/?hide_cover=1&${lightParams}&feed=%2F${feedPath}%2F`}
+            />
+        </>
+    )
+}
+
+export default MixCloudEmbed;
\ No newline at end of file
diff --git a/src/Element/Nip5Service.tsx b/src/Element/Nip5Service.tsx
index d1b32a1f..f437b301 100644
--- a/src/Element/Nip5Service.tsx
+++ b/src/Element/Nip5Service.tsx
@@ -33,7 +33,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
     const pubkey = useSelector<ReduxStore, string>(s => s.login.publicKey);
     const user = useProfile(pubkey);
     const publisher = useEventPublisher();
-    const svc = useMemo(() => new ServiceProvider(props.service), [props.service]);
+    const svc = new ServiceProvider(props.service);
     const [serviceConfig, setServiceConfig] = useState<ServiceConfig>();
     const [error, setError] = useState<ServiceError>();
     const [handle, setHandle] = useState<string>("");
@@ -43,7 +43,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
     const [showInvoice, setShowInvoice] = useState<boolean>(false);
     const [registerStatus, setRegisterStatus] = useState<CheckRegisterResponse>();
 
-    const domainConfig = useMemo(() => serviceConfig?.domains.find(a => a.name === domain), [domain, serviceConfig]);
+    const domainConfig = useMemo(() => serviceConfig?.domains.find(a => a.name === domain), [domain]);
 
     useEffect(() => {
         svc.GetConfig()
@@ -58,7 +58,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
                 }
             })
             .catch(console.error)
-    }, [props, svc]);
+    }, [props]);
 
     useEffect(() => {
         setError(undefined);
@@ -89,7 +89,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
                     .catch(console.error);
             });
         }
-    }, [handle, domain, domainConfig, svc]);
+    }, [handle, domain]);
 
     useEffect(() => {
         if (registerResponse && showInvoice) {
@@ -111,7 +111,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
             }, 2_000);
             return () => clearInterval(t);
         }
-    }, [registerResponse, showInvoice, svc])
+    }, [registerResponse, showInvoice])
 
     function mapError(e: ServiceErrorCode, t: string | null): string | undefined {
         let whyMap = new Map([
@@ -159,7 +159,7 @@ export default function Nip5Service(props: Nip05ServiceProps) {
             <p>Find out more info about {props.name} at <a href={props.link} target="_blank" rel="noreferrer">{props.link}</a></p>
             {error && <b className="error">{error.error}</b>}
             {!registerStatus && <div className="flex mb10">
-                <input type="text" placeholder="Handle" value={handle} onChange={(e) => setHandle(e.target.value.toLowerCase())} />
+                <input type="text" placeholder="Handle" value={handle} onChange={(e) => setHandle(e.target.value)} />
                 &nbsp;@&nbsp;
                 <select value={domain} onChange={(e) => setDomain(e.target.value)}>
                     {serviceConfig?.domains.map(a => <option key={a.name}>{a.name}</option>)}
diff --git a/src/Element/NoteCreator.css b/src/Element/NoteCreator.css
index 9dce9434..c415376d 100644
--- a/src/Element/NoteCreator.css
+++ b/src/Element/NoteCreator.css
@@ -16,8 +16,13 @@
     min-height: 40px;
     background-color: var(--note-bg);
     border-radius: 10px 10px 0 0;
-    max-width: stretch;
-    min-width: stretch;
+    max-width: -webkit-fill-available;
+    max-width: -moz-available;
+    max-width: fill-available;
+    min-width: 100%;
+    min-width: -webkit-fill-available;
+    min-width: -moz-available;
+    min-width: fill-available;
 }
 
 .note-creator .actions {
diff --git a/src/Element/NoteFooter.tsx b/src/Element/NoteFooter.tsx
index 37a1e89d..b8ddf1ac 100644
--- a/src/Element/NoteFooter.tsx
+++ b/src/Element/NoteFooter.tsx
@@ -31,8 +31,8 @@ export default function NoteFooter(props: NoteFooterProps) {
   const [reply, setReply] = useState(false);
   const [tip, setTip] = useState(false);
   const isMine = ev.RootPubKey === login;
-  const reactions = useMemo(() => getReactions(related, ev.Id, EventKind.Reaction), [related, ev]);
-  const reposts = useMemo(() => getReactions(related, ev.Id, EventKind.Repost), [related, ev]);
+  const reactions = useMemo(() => getReactions(related, ev.Id, EventKind.Reaction), [related]);
+  const reposts = useMemo(() => getReactions(related, ev.Id, EventKind.Repost), [related]);
   const groupReactions = useMemo(() => {
     return reactions?.reduce((acc, { content }) => {
       let r = normalizeReaction(content);
diff --git a/src/Element/NoteReaction.tsx b/src/Element/NoteReaction.tsx
index dc5bd62f..f7d75122 100644
--- a/src/Element/NoteReaction.tsx
+++ b/src/Element/NoteReaction.tsx
@@ -16,8 +16,7 @@ export interface NoteReactionProps {
     root?: TaggedRawEvent
 }
 export default function NoteReaction(props: NoteReactionProps) {
-    const { ["data-ev"]: dataEv, data } = props;
-    const ev = useMemo(() => dataEv || new NEvent(data), [data, dataEv])
+    const ev = useMemo(() => props["data-ev"] || new NEvent(props.data), [props.data, props["data-ev"]])
 
     const refEvent = useMemo(() => {
         if (ev) {
@@ -33,6 +32,19 @@ export default function NoteReaction(props: NoteReactionProps) {
         return null;
     }
 
+    function mapReaction(c: string) {
+        switch (c) {
+            case "+": return "❤️";
+            case "-": return "👎";
+            default: {
+                if (c.length === 0) {
+                    return "❤️";
+                }
+                return c;
+            }
+        }
+    }
+
     /**
      * Some clients embed the reposted note in the content
      */
diff --git a/src/Element/Relay.tsx b/src/Element/Relay.tsx
index 4a00c1db..a133aec7 100644
--- a/src/Element/Relay.tsx
+++ b/src/Element/Relay.tsx
@@ -1,14 +1,13 @@
 import "./Relay.css"
 
-import { faPlug, faSquareCheck, faSquareXmark, faWifi, faPlugCircleXmark, faGear } from "@fortawesome/free-solid-svg-icons";
+import { faPlug, faTrash, faSquareCheck, faSquareXmark, faWifi, faUpload, faDownload, faPlugCircleXmark, faEllipsisVertical } from "@fortawesome/free-solid-svg-icons";
 import useRelayState from "Feed/RelayState";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
-import { setRelays } from "State/Login";
+import { removeRelay, setRelays } from "State/Login";
 import { RootState } from "State/Store";
 import { RelaySettings } from "Nostr/Connection";
-import { useNavigate } from "react-router-dom";
 
 export interface RelayProps {
     addr: string
@@ -16,11 +15,11 @@ export interface RelayProps {
 
 export default function Relay(props: RelayProps) {
     const dispatch = useDispatch();
-    const navigate = useNavigate();
     const allRelaySettings = useSelector<RootState, Record<string, RelaySettings>>(s => s.login.relays);
     const relaySettings = allRelaySettings[props.addr];
     const state = useRelayState(props.addr);
     const name = useMemo(() => new URL(props.addr).host, [props.addr]);
+    const [showExtra, setShowExtra] = useState(false);
 
     function configure(o: RelaySettings) {
         dispatch(setRelays({
@@ -63,13 +62,28 @@ export default function Relay(props: RelayProps) {
                             <FontAwesomeIcon icon={faPlugCircleXmark} /> {state?.disconnects}
                         </div>
                         <div>
-                            <span className="icon-btn" onClick={() => navigate(name)}>
-                                <FontAwesomeIcon icon={faGear} />
+                            <span className="icon-btn" onClick={() => setShowExtra(s => !s)}>
+                                <FontAwesomeIcon icon={faEllipsisVertical} />
                             </span>
                         </div>
                     </div>
                 </div>
             </div>
+            {showExtra ? <div className="flex relay-extra w-max">
+                <div className="f-1">
+                    <FontAwesomeIcon icon={faUpload} /> {state?.events.send}
+                </div>
+                <div className="f-1">
+                    <FontAwesomeIcon icon={faDownload} /> {state?.events.received}
+                </div>
+
+                <div className="f-1">
+                    Delete
+                    <span className="icon-btn" onClick={() => dispatch(removeRelay(props.addr))}>
+                        <FontAwesomeIcon icon={faTrash} />
+                    </span>
+                </div>
+            </div> : null}
         </>
     )
 }
diff --git a/src/Element/Text.tsx b/src/Element/Text.tsx
index e74a5cef..74f7551c 100644
--- a/src/Element/Text.tsx
+++ b/src/Element/Text.tsx
@@ -4,7 +4,7 @@ import { Link } from "react-router-dom";
 import ReactMarkdown from "react-markdown";
 import { TwitterTweetEmbed } from "react-twitter-embed";
 
-import { UrlRegex, FileExtensionRegex, MentionRegex, InvoiceRegex, YoutubeUrlRegex, TweetUrlRegex, HashtagRegex, TidalRegex, SoundCloudRegex } from "Const";
+import { UrlRegex, FileExtensionRegex, MentionRegex, InvoiceRegex, YoutubeUrlRegex, TweetUrlRegex, HashtagRegex, TidalRegex, SoundCloudRegex, MixCloudRegex } from "Const";
 import { eventLink, hexToBech32 } from "Util";
 import Invoice from "Element/Invoice";
 import Hashtag from "Element/Hashtag";
@@ -17,6 +17,7 @@ import { useSelector } from 'react-redux';
 import { RootState } from 'State/Store';
 import { UserPreferences } from 'State/Login';
 import  SoundCloudEmbed from 'Element/SoundCloudEmded'
+import MixCloudEmbed from './MixCloudEmbed';
 
 function transformHttpLink(a: string, pref: UserPreferences) {
     try {
@@ -28,6 +29,7 @@ function transformHttpLink(a: string, pref: UserPreferences) {
         const tweetId = TweetUrlRegex.test(a) && RegExp.$2;
         const tidalId = TidalRegex.test(a) && RegExp.$1;
         const soundcloundId = SoundCloudRegex.test(a) && RegExp.$1;
+        const mixcloudId = MixCloudRegex.test(a) && RegExp.$1;
         const extension = FileExtensionRegex.test(url.pathname.toLowerCase()) && RegExp.$1;
         if (extension) {
             switch (extension) {
@@ -75,6 +77,8 @@ function transformHttpLink(a: string, pref: UserPreferences) {
             return <TidalEmbed link={a} />
         } else if (soundcloundId){
             return <SoundCloudEmbed link={a} />
+        } else if (mixcloudId){
+            return <MixCloudEmbed link={a} />
         } else {
             return <a href={a} onClick={(e) => e.stopPropagation()} target="_blank" rel="noreferrer" className="ext">{a}</a>
         }
diff --git a/src/Element/Timeline.tsx b/src/Element/Timeline.tsx
index c837c399..a907ca23 100644
--- a/src/Element/Timeline.tsx
+++ b/src/Element/Timeline.tsx
@@ -1,5 +1,5 @@
 import "./Timeline.css";
-import { useCallback, useMemo } from "react";
+import { useMemo } from "react";
 import useTimelineFeed, { TimelineSubject } from "Feed/TimelineFeed";
 import { TaggedRawEvent } from "Nostr";
 import EventKind from "Nostr/EventKind";
@@ -23,17 +23,17 @@ export default function Timeline({ subject, postsOnly = false, method }: Timelin
         method
     });
 
-    const filterPosts = useCallback((nts: TaggedRawEvent[]) => {
-        return [...nts].sort((a, b) => b.created_at - a.created_at)?.filter(a => postsOnly ? !a.tags.some(b => b[0] === "e") : true);
-    }, [postsOnly]);
+    const filterPosts = (notes: TaggedRawEvent[]) => {
+        return [...notes].sort((a, b) => b.created_at - a.created_at)?.filter(a => postsOnly ? !a.tags.some(b => b[0] === "e") : true);
+    }
 
     const mainFeed = useMemo(() => {
         return filterPosts(main.notes);
-    }, [main, filterPosts]);
+    }, [main]);
 
     const latestFeed = useMemo(() => {
         return filterPosts(latest.notes).filter(a => !mainFeed.some(b => b.id === a.id));
-    }, [latest, mainFeed, filterPosts]);
+    }, [latest]);
 
     function eventElement(e: TaggedRawEvent) {
         switch (e.kind) {
diff --git a/src/Feed/ProfileFeed.ts b/src/Feed/ProfileFeed.ts
index b439f814..a4c4028d 100644
--- a/src/Feed/ProfileFeed.ts
+++ b/src/Feed/ProfileFeed.ts
@@ -1,5 +1,5 @@
 import { useLiveQuery } from "dexie-react-hooks";
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 import { db } from "Db";
 import { MetadataCache } from "Db/User";
 import { HexKey } from "Nostr";
diff --git a/src/Feed/Subscription.ts b/src/Feed/Subscription.ts
index 08966653..052201e2 100644
--- a/src/Feed/Subscription.ts
+++ b/src/Feed/Subscription.ts
@@ -38,8 +38,7 @@ function notesReducer(state: NoteStore, arg: ReducerArg) {
     if (!Array.isArray(evs)) {
         evs = [evs];
     }
-    let existingIds = new Set(state.notes.map(a => a.id));
-    evs = evs.filter(a => !existingIds.has(a.id));
+    evs = evs.filter(a => !state.notes.some(b => b.id === a.id));
     if (evs.length === 0) {
         return state;
     }
@@ -84,7 +83,7 @@ export default function useSubscription(sub: Subscriptions | null, options?: Use
                 setSubDebounced(sub);
             });
         }
-    }, [sub, options]);
+    }, [sub]);
 
     useEffect(() => {
         if (sub) {
@@ -116,7 +115,6 @@ export default function useSubscription(sub: Subscriptions | null, options?: Use
             };
         }
     }, [subDebounce]);
-
     useEffect(() => {
         return debounce(DebounceMs, () => {
             setDebounceOutput(s => s += 1);
diff --git a/src/Feed/ThreadFeed.ts b/src/Feed/ThreadFeed.ts
index aef2c024..81921197 100644
--- a/src/Feed/ThreadFeed.ts
+++ b/src/Feed/ThreadFeed.ts
@@ -36,7 +36,7 @@ export default function useThreadFeed(id: u256) {
         thisSub.AddSubscription(subRelated);
 
         return thisSub;
-    }, [trackingEvents, pref, id]);
+    }, [trackingEvents]);
 
     const main = useSubscription(sub, { leaveOpen: true });
 
diff --git a/src/Feed/TimelineFeed.ts b/src/Feed/TimelineFeed.ts
index fe259421..abfd05d1 100644
--- a/src/Feed/TimelineFeed.ts
+++ b/src/Feed/TimelineFeed.ts
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { u256 } from "Nostr";
 import EventKind from "Nostr/EventKind";
 import { Subscriptions } from "Nostr/Subscriptions";
@@ -19,15 +19,15 @@ export interface TimelineSubject {
 
 export default function useTimelineFeed(subject: TimelineSubject, options: TimelineFeedOptions) {
     const now = unixNow();
-    const [window] = useState<number>(60 * 60);
+    const [window, setWindow] = useState<number>(60 * 60);
     const [until, setUntil] = useState<number>(now);
     const [since, setSince] = useState<number>(now - window);
     const [trackingEvents, setTrackingEvent] = useState<u256[]>([]);
     const [trackingParentEvents, setTrackingParentEvents] = useState<u256[]>([]);
     const pref = useSelector<RootState, UserPreferences>(s => s.login.preferences);
 
-    const createSub = useCallback(() => {
-        if (subject.type !== "global" && subject.items.length === 0) {
+    function createSub() {
+        if (subject.type !== "global" && subject.items.length == 0) {
             return null;
         }
 
@@ -49,7 +49,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             }
         }
         return sub;
-    }, [subject.type, subject.items]);
+    }
 
     const sub = useMemo(() => {
         let sub = createSub();
@@ -78,7 +78,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             }
         }
         return sub;
-    }, [until, since, options.method, pref, createSub]);
+    }, [subject.type, subject.items, until, since, window]);
 
     const main = useSubscription(sub, { leaveOpen: true });
 
@@ -90,7 +90,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             subLatest.Since = Math.floor(new Date().getTime() / 1000);
         }
         return subLatest;
-    }, [pref, createSub]);
+    }, [subject.type, subject.items]);
 
     const latest = useSubscription(subRealtime, { leaveOpen: true });
 
@@ -103,7 +103,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             sub.ETags = new Set(trackingEvents);
         }
         return sub ?? null;
-    }, [trackingEvents, pref, subject.type]);
+    }, [trackingEvents]);
 
     const others = useSubscription(subNext, { leaveOpen: true });
 
@@ -115,7 +115,7 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
             return parents;
         }
         return null;
-    }, [trackingParentEvents, subject.type]);
+    }, [trackingParentEvents]);
 
     const parent = useSubscription(subParents);
 
@@ -123,10 +123,8 @@ export default function useTimelineFeed(subject: TimelineSubject, options: Timel
         if (main.store.notes.length > 0) {
             setTrackingEvent(s => {
                 let ids = main.store.notes.map(a => a.id);
-                if(ids.some(a => !s.includes(a))) {
-                    return Array.from(new Set([...s, ...ids]));
-                }
-                return s;
+                let temp = new Set([...s, ...ids]);
+                return Array.from(temp);
             });
             let reposts = main.store.notes
                 .filter(a => a.kind === EventKind.Repost && a.content === "")
diff --git a/src/Nostr/Connection.ts b/src/Nostr/Connection.ts
index 092b49f0..1ddd14f8 100644
--- a/src/Nostr/Connection.ts
+++ b/src/Nostr/Connection.ts
@@ -6,7 +6,6 @@ import { default as NEvent } from "Nostr/Event";
 import { DefaultConnectTimeout } from "Const";
 import { ConnectionStats } from "Nostr/ConnectionStats";
 import { RawEvent, TaggedRawEvent, u256 } from "Nostr";
-import { RelayInfo } from "./RelayInfo";
 
 export type CustomHook = (state: Readonly<StateSnapshot>) => void;
 
@@ -28,8 +27,7 @@ export type StateSnapshot = {
     events: {
         received: number,
         send: number
-    },
-    info?: RelayInfo
+    }
 };
 
 export default class Connection {
@@ -38,7 +36,6 @@ export default class Connection {
     Pending: Subscriptions[];
     Subscriptions: Map<string, Subscriptions>;
     Settings: RelaySettings;
-    Info?: RelayInfo;
     ConnectTimeout: number;
     Stats: ConnectionStats;
     StateHooks: Map<string, CustomHook>;
@@ -59,7 +56,7 @@ export default class Connection {
         this.Stats = new ConnectionStats();
         this.StateHooks = new Map();
         this.HasStateChange = true;
-        this.CurrentState = {
+        this.CurrentState = <StateSnapshot>{
             connected: false,
             disconnects: 0,
             avgLatency: 0,
@@ -67,7 +64,7 @@ export default class Connection {
                 received: 0,
                 send: 0
             }
-        } as StateSnapshot;
+        };
         this.LastState = Object.freeze({ ...this.CurrentState });
         this.IsClosed = false;
         this.ReconnectTimer = null;
@@ -75,29 +72,7 @@ export default class Connection {
         this.Connect();
     }
 
-    async Connect() {
-        try {
-            if (this.Info === undefined) {
-                let u = new URL(this.Address);
-                let rsp = await fetch(`https://${u.host}`, {
-                    headers: {
-                        "accept": "application/nostr+json"
-                    }
-                });
-                if (rsp.ok) {
-                    let data = await rsp.json();
-                    for (let [k, v] of Object.entries(data)) {
-                        if (v === "unset" || v === "") {
-                            data[k] = undefined;
-                        }
-                    }
-                    this.Info = data;
-                }
-            }
-        } catch (e) {
-            console.warn("Could not load relay information", e);
-        }
-
+    Connect() {
         this.IsClosed = false;
         this.Socket = new WebSocket(this.Address);
         this.Socket.onopen = (e) => this.OnOpen(e);
@@ -284,7 +259,6 @@ export default class Connection {
         this.CurrentState.events.send = this.Stats.EventsSent;
         this.CurrentState.avgLatency = this.Stats.Latency.length > 0 ? (this.Stats.Latency.reduce((acc, v) => acc + v, 0) / this.Stats.Latency.length) : 0;
         this.CurrentState.disconnects = this.Stats.Disconnects;
-        this.CurrentState.info = this.Info;
         this.Stats.Latency = this.Stats.Latency.slice(-20); // trim
         this.HasStateChange = true;
         this._NotifyState();
diff --git a/src/Nostr/ConnectionStats.ts b/src/Nostr/ConnectionStats.ts
index 844e9dd0..0de56615 100644
--- a/src/Nostr/ConnectionStats.ts
+++ b/src/Nostr/ConnectionStats.ts
@@ -1,3 +1,4 @@
+
 /**
  * Stats class for tracking metrics per connection
  */
diff --git a/src/Nostr/RelayInfo.ts b/src/Nostr/RelayInfo.ts
deleted file mode 100644
index 21d01cef..00000000
--- a/src/Nostr/RelayInfo.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export interface RelayInfo {
-    name?: string,
-    description?: string,
-    pubkey?: string,
-    contact?: string,
-    supported_nips?: number[],
-    software?: string,
-    version?: string
-}
\ No newline at end of file
diff --git a/src/Pages/DonatePage.tsx b/src/Pages/DonatePage.tsx
index b5be933c..f422ede8 100644
--- a/src/Pages/DonatePage.tsx
+++ b/src/Pages/DonatePage.tsx
@@ -1,4 +1,3 @@
-import { ApiHost } from "Const";
 import ProfilePreview from "Element/ProfilePreview";
 import ZapButton from "Element/ZapButton";
 import { HexKey } from "Nostr";
@@ -25,7 +24,7 @@ const DonatePage = () => {
     const [splits, setSplits] = useState<Splits[]>([]);
 
     async function loadSplits() {
-        let rsp = await fetch(`${ApiHost}/api/v1/revenue/splits`);
+        let rsp = await fetch("https://api.snort.social/api/v1/revenue/splits");
         if(rsp.ok) {
             setSplits(await rsp.json());
         }
diff --git a/src/Pages/MessagesPage.tsx b/src/Pages/MessagesPage.tsx
index 5142f016..8a24f670 100644
--- a/src/Pages/MessagesPage.tsx
+++ b/src/Pages/MessagesPage.tsx
@@ -57,9 +57,8 @@ export default function MessagesPage() {
                 <div className="btn" onClick={() => markAllRead()}>Mark All Read</div>
             </div>
             {chats.sort((a, b) => {
-                return a.pubkey === myPubKey ? -1 : 
-                    b.pubkey === myPubKey ? 1 :
-                    b.newestMessage - a.newestMessage
+                if(b.pubkey === myPubKey) return 1
+                return b.newestMessage - a.newestMessage
             }).map(person)}
         </>
     )
diff --git a/src/Pages/NewUserPage.tsx b/src/Pages/NewUserPage.tsx
index f268856f..369fc78b 100644
--- a/src/Pages/NewUserPage.tsx
+++ b/src/Pages/NewUserPage.tsx
@@ -1,4 +1,4 @@
-import { ApiHost, RecommendedFollows } from "Const";
+import { RecommendedFollows } from "Const";
 import AsyncButton from "Element/AsyncButton";
 import FollowListBase from "Element/FollowListBase";
 import ProfilePreview from "Element/ProfilePreview";
@@ -8,7 +8,7 @@ import { useSelector } from "react-redux";
 import { RootState } from "State/Store";
 import { bech32ToHex } from "Util";
 
-const TwitterFollowsApi = `${ApiHost}/api/v1/twitter/follows-for-nostr`;
+const TwitterFollowsApi = "https://api.snort.social/api/v1/twitter/follows-for-nostr";
 
 export default function NewUserPage() {
     const [twitterUsername, setTwitterUsername] = useState<string>("");
@@ -24,7 +24,7 @@ export default function NewUserPage() {
     const sortedTwitterFollows = useMemo(() => {
         return follows.map(a => bech32ToHex(a))
             .sort((a, b) => currentFollows.includes(a) ? 1 : -1);
-    }, [follows, currentFollows]);
+    }, [follows]);
 
     async function loadFollows() {
         setFollows([]);
diff --git a/src/Pages/SettingsPage.tsx b/src/Pages/SettingsPage.tsx
index aa60cd87..aa9c89f5 100644
--- a/src/Pages/SettingsPage.tsx
+++ b/src/Pages/SettingsPage.tsx
@@ -3,7 +3,6 @@ import SettingsIndex from "Pages/settings/Index";
 import Profile from "Pages/settings/Profile";
 import Relay from "Pages/settings/Relays";
 import Preferences from "Pages/settings/Preferences";
-import RelayInfo from "Pages/settings/RelayInfo";
 
 export default function SettingsPage() {
     const navigate = useNavigate();
@@ -27,11 +26,7 @@ export const SettingsRoutes: RouteObject[] = [
     },
     {
         path: "relays",
-        element: <Relay />,
-    },
-    {
-        path: "relays/:addr",
-        element: <RelayInfo />
+        element: <Relay />
     },
     {
         path: "preferences",
diff --git a/src/Pages/Verification.tsx b/src/Pages/Verification.tsx
index 683c9025..56204541 100644
--- a/src/Pages/Verification.tsx
+++ b/src/Pages/Verification.tsx
@@ -1,4 +1,3 @@
-import { ApiHost } from "Const";
 import Nip5Service from "Element/Nip5Service";
 
 import './Verification.css'
@@ -7,7 +6,7 @@ export default function VerificationPage() {
     const services = [
         {
             name: "Snort",
-            service: `${ApiHost}/api/v1/n5sp`,
+            service: "https://api.snort.social/api/v1/n5sp",
             link: "https://snort.social/",
             supportLink: "https://snort.social/help",
             about: <>Our very own NIP-05 verification service, help support the development of this site and get a shiny special badge on our site!</>
diff --git a/src/Pages/settings/Profile.tsx b/src/Pages/settings/Profile.tsx
index 482340da..f8ab59e0 100644
--- a/src/Pages/settings/Profile.tsx
+++ b/src/Pages/settings/Profile.tsx
@@ -31,6 +31,7 @@ export default function ProfileSettings() {
     const [about, setAbout] = useState<string>();
     const [website, setWebsite] = useState<string>();
     const [nip05, setNip05] = useState<string>();
+    const [lud06, setLud06] = useState<string>();
     const [lud16, setLud16] = useState<string>();
 
     const avatarPicture = (picture?.length ?? 0) === 0 ? Nostrich : picture
@@ -44,6 +45,7 @@ export default function ProfileSettings() {
             setAbout(user.about);
             setWebsite(user.website);
             setNip05(user.nip05);
+            setLud06(user.lud06);
             setLud16(user.lud16);
         }
     }, [user]);
diff --git a/src/Pages/settings/RelayInfo.tsx b/src/Pages/settings/RelayInfo.tsx
deleted file mode 100644
index 2dd6aa7b..00000000
--- a/src/Pages/settings/RelayInfo.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import ProfilePreview from "Element/ProfilePreview";
-import useRelayState from "Feed/RelayState";
-import { System } from "Nostr/System";
-import { useDispatch } from "react-redux";
-import { useNavigate, useParams } from "react-router-dom";
-import { removeRelay } from "State/Login";
-import { parseId } from "Util";
-
-const RelayInfo = () => {
-    const params = useParams();
-    const navigate = useNavigate();
-    const dispatch = useDispatch();
-    const addr: string = `wss://${params.addr}`;
-
-    const con = System.Sockets.get(addr) ?? System.Sockets.get(`${addr}/`);
-    const stats = useRelayState(con?.Address ?? addr);
-
-    return (
-        <>
-            <h3 className="pointer" onClick={() => navigate("/settings/relays")}>Relays</h3>
-            <div className="card">
-                <h3>{stats?.info?.name ?? addr}</h3>
-                <p>{stats?.info?.description}</p>
-
-                {stats?.info?.pubkey && (<>
-                    <h4>Owner</h4>
-                    <ProfilePreview pubkey={parseId(stats.info.pubkey)} />
-                </>)}
-                {stats?.info?.software && (<div className="flex">
-                    <h4 className="f-grow">Software</h4>
-                    <div className="flex f-col">
-                        {stats.info.software.startsWith("http") ? <a href={stats.info.software} target="_blank" rel="noreferrer">{stats.info.software}</a> : <>{stats.info.software}</>}
-                        <small>{!stats.info.version?.startsWith("v") && "v"}{stats.info.version}</small>
-                    </div>
-                </div>)}
-                {stats?.info?.contact && (<div className="flex">
-                    <h4 className="f-grow">Contact</h4>
-                    <a href={`${stats.info.contact.startsWith("mailto:") ? "" : "mailto:"}${stats.info.contact}`} target="_blank" rel="noreferrer">{stats.info.contact}</a>
-                </div>)}
-                {stats?.info?.supported_nips && (<>
-                    <h4>Supports</h4>
-                    <div className="f-grow">
-                        {stats.info.supported_nips.map(a => <span className="pill" onClick={() => navigate(`https://github.com/nostr-protocol/nips/blob/master/${a.toString().padStart(2, "0")}.md`)}>NIP-{a.toString().padStart(2, "0")}</span>)}
-                    </div>
-                </>)}
-                <div className="flex mt10 f-end">
-                    <div className="btn error" onClick={() => {
-                        dispatch(removeRelay(con!.Address));
-                        navigate("/settings/relays")
-                    }}>Remove</div>
-                </div>
-            </div>
-        </>
-    )
-}
-
-export default RelayInfo;
\ No newline at end of file
diff --git a/src/Pages/settings/Relays.tsx b/src/Pages/settings/Relays.tsx
index b5e2d241..3ca0fca4 100644
--- a/src/Pages/settings/Relays.tsx
+++ b/src/Pages/settings/Relays.tsx
@@ -52,7 +52,7 @@ const RelaySettingsPage = () => {
             <div className="flex f-col">
                 {Object.keys(relays || {}).map(a => <Relay addr={a} key={a} />)}
             </div>
-            <div className="flex mt10">
+            <div className="flex actions">
                 <div className="f-grow"></div>
                 <div className="btn" onClick={() => saveRelays()}>Save</div>
             </div>
diff --git a/src/State/Login.ts b/src/State/Login.ts
index ca009db4..23c0a4b6 100644
--- a/src/State/Login.ts
+++ b/src/State/Login.ts
@@ -1,8 +1,9 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit'
 import * as secp from '@noble/secp256k1';
 import { DefaultRelays } from 'Const';
-import { HexKey, TaggedRawEvent } from 'Nostr';
+import { HexKey, RawEvent, TaggedRawEvent } from 'Nostr';
 import { RelaySettings } from 'Nostr/Connection';
+import { useDispatch } from 'react-redux';
 
 const PrivateKeyItem = "secret";
 const PublicKeyItem = "pubkey";
@@ -181,7 +182,7 @@ const LoginSlice = createSlice({
             let filtered = new Map<string, RelaySettings>();
             for (let [k, v] of Object.entries(relays)) {
                 if (k.startsWith("wss://") || k.startsWith("ws://")) {
-                    filtered.set(k, v as RelaySettings);
+                    filtered.set(k, <RelaySettings>v);
                 }
             }
 
diff --git a/src/Util.ts b/src/Util.ts
index abd73dde..2e68e50b 100644
--- a/src/Util.ts
+++ b/src/Util.ts
@@ -1,6 +1,6 @@
 import * as secp from "@noble/secp256k1";
 import { bech32 } from "bech32";
-import { HexKey, TaggedRawEvent, u256 } from "Nostr";
+import { HexKey, RawEvent, TaggedRawEvent, u256 } from "Nostr";
 import EventKind from "Nostr/EventKind";
 
 export async function openFile(): Promise<File | undefined> {
@@ -65,7 +65,7 @@ export function eventLink(hex: u256) {
  * @param {string} hex
  */
 export function hexToBech32(hrp: string, hex: string) {
-    if (typeof hex !== "string" || hex.length === 0 || hex.length % 2 !== 0) {
+    if (typeof hex !== "string" || hex.length === 0 || hex.length % 2 != 0) {
         return "";
     }
 
diff --git a/src/index.css b/src/index.css
index 8556f0db..38e9ae7a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -222,18 +222,18 @@ textarea:placeholder {
   align-items: flex-start !important;
 }
 
-.f-end {
-  justify-content: flex-end;
-}
-
 .w-max {
   width: 100%;
-  width: stretch;
+  width: -moz-available;
+  width: -webkit-fill-available;
+  width: fill-available;
 }
 
 .w-max-w {
   max-width: 100%;
-  max-width: stretch;
+  max-width: -moz-available;
+  max-width: -webkit-fill-available;
+  max-width: fill-available;
 }
 
 a {
@@ -263,7 +263,7 @@ div.form-group>div:nth-child(1) {
 div.form-group>div:nth-child(2) {
   display: flex;
   flex-grow: 1;
-  justify-content: flex-end;
+  justify-content: end;
 }
 
 div.form-group>div:nth-child(2) input {