diff --git a/src/App.tsx b/src/App.tsx
index d1b2617..55bd8ee 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -51,6 +51,7 @@ export default function App() {
   return (
     <div className="App">
       <Viewer
+        showChannelName={true}
         clients={
           clients.map((client) => {
             if (client.channel?.id === currentChannel?.id) {
diff --git a/src/Viewer.tsx b/src/Viewer.tsx
index 49bb374..d434f00 100644
--- a/src/Viewer.tsx
+++ b/src/Viewer.tsx
@@ -4,13 +4,15 @@ import "@styles/Viewer.scss";
 export default function Viewer({
   clients,
   channel,
+  showChannelName = false,
 }: {
   clients: IClient[] | undefined;
   channel: IChannel | undefined;
+  showChannelName?: boolean;
 }) {
   return (
     <div className="viewer">
-      <h3>{channel?.properties.name}</h3>
+      {showChannelName ? <h3>{channel?.properties.name}</h3> : null}
       {clients?.map((client) => {
         if (client) {
           return (