diff --git a/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx b/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx
index c06584e4..b355694e 100644
--- a/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx
+++ b/packages/app/src/Element/Event/NoteBroadcaster/NoteBroadcaster.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { FormattedMessage, useIntl } from "react-intl";
-import { removeUndefined, unwrap } from "@snort/shared";
+import { unwrap } from "@snort/shared";
 import { NostrEvent, OkResponse } from "@snort/system";
 
 import AsyncButton from "@/Element/AsyncButton";
diff --git a/packages/app/src/Element/Event/NoteCreatorButton.tsx b/packages/app/src/Element/Event/NoteCreatorButton.tsx
index b569791f..0ce14143 100644
--- a/packages/app/src/Element/Event/NoteCreatorButton.tsx
+++ b/packages/app/src/Element/Event/NoteCreatorButton.tsx
@@ -60,7 +60,11 @@ export const NoteCreatorButton = ({
       {!shouldHideNoteCreator && (
         <button
           ref={buttonRef}
-          className={classNames("flex flex-row items-center primary rounded-full", { circle: !showText }, className)}
+          className={classNames(
+            "aspect-square flex flex-row items-center primary rounded-full",
+            { "xl:aspect-auto": showText },
+            className,
+          )}
           onClick={() =>
             update(v => {
               v.replyTo = undefined;