diff --git a/src/components/dropdown.tsx b/src/components/dropdown.tsx
index 7600821..64e3437 100644
--- a/src/components/dropdown.tsx
+++ b/src/components/dropdown.tsx
@@ -43,7 +43,12 @@ export const CopyMenu = (props: { copyContent: string; label: string; icon?: str
   );
 };
 
-export const NavMenu = (props: { href: string; label: string; icon: string; newTab?: boolean }) => {
+export const NavMenu = (props: {
+  href: string;
+  label: string;
+  icon?: string;
+  newTab?: boolean;
+}) => {
   const ctx = useContext(MenuContext);
 
   return (
@@ -53,7 +58,9 @@ export const NavMenu = (props: { href: string; label: string; icon: string; newT
       class="flex items-center gap-1.5 rounded-lg p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"
       target={props.newTab ? "_blank" : undefined}
     >
-      <span class={"iconify shrink-0 " + props.icon}></span>
+      <Show when={props.icon}>
+        <span class={"iconify shrink-0 " + props.icon}></span>
+      </Show>
       <span class="whitespace-nowrap">{props.label}</span>
     </A>
   );
diff --git a/src/layout.tsx b/src/layout.tsx
index d06d199..b7eb017 100644
--- a/src/layout.tsx
+++ b/src/layout.tsx
@@ -96,9 +96,9 @@ const Layout = (props: RouteSectionProps<unknown>) => {
               buttonClass="rounded-lg p-1"
               menuClass="top-10 p-3"
             >
-              <NavMenu href="/jetstream" label="Jetstream" icon="lucide--radio-tower" />
-              <NavMenu href="/firehose" label="Firehose" icon="lucide--waves" />
-              <NavMenu href="/settings" label="Settings" icon="lucide--settings" />
+              <NavMenu href="/jetstream" label="Jetstream" />
+              <NavMenu href="/firehose" label="Firehose" />
+              <NavMenu href="/settings" label="Settings" />
               <ThemeSelection />
             </DropdownMenu>
           </MenuProvider>
diff --git a/src/views/stream.tsx b/src/views/stream.tsx
index 2b53f6d..a8d7082 100644
--- a/src/views/stream.tsx
+++ b/src/views/stream.tsx
@@ -149,7 +149,6 @@ const StreamView = () => {
           inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
           href="/jetstream"
         >
-          <span class="iconify lucide--radio-tower"></span>
           Jetstream
         </A>
         <A
@@ -157,7 +156,6 @@ const StreamView = () => {
           inactiveClass="border-transparent hover:border-neutral-400 dark:hover:border-neutral-600"
           href="/firehose"
         >
-          <span class="iconify lucide--waves"></span>
           Firehose
         </A>
       </div>