diff --git a/views/channel-profile.html b/views/channel-profile.html
index a3f089e0..4e1506ee 100644
--- a/views/channel-profile.html
+++ b/views/channel-profile.html
@@ -18,7 +18,7 @@
     >
       <div class="flex items-center">
         <div
-          class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright"
+          class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright max-sm:h-[3.2rem] max-sm:w-[3.2rem]"
         >
           <img
             id="channelAvatar"
@@ -28,8 +28,8 @@
           />
         </div>
         <div class="ml-4 text-text">
-          <h2 id="channelName" class="text-xl font-bold">User Name</h2>
-          <p id="channelNpub" class="text-sm opacity-80">npub...</p>
+          <h2 id="channelName" class="text-xl font-bold max-sm:text-base">User Name</h2>
+          <p id="channelNpub" class="text-sm opacity-80 max-sm:text-[0.7rem]">npub...</p>
         </div>
       </div>
       <div class="flex flex-col items-end gap-3 self-start sm:self-end">