diff --git a/app/components/Home/HomeHeader.tsx b/app/components/Home/HomeHeader.tsx
index 5e0ea18..7cf10f0 100644
--- a/app/components/Home/HomeHeader.tsx
+++ b/app/components/Home/HomeHeader.tsx
@@ -14,7 +14,7 @@ import {
 export function HomeHeader() {
   return (
     <header className="fixed z-20 flex items-center justify-between w-screen h-[82px] px-4 bg-indigo-700">
-      <div className="flex w-44 mr-3">
+      <div className="flex w-36 sm:w-44 mr-3">
         <Logo />
       </div>
       <ol className="flex items-center gap-2">
diff --git a/app/routes/j/$id.tsx b/app/routes/j/$id.tsx
index fcb4d1e..2e5e6d6 100644
--- a/app/routes/j/$id.tsx
+++ b/app/routes/j/$id.tsx
@@ -131,7 +131,7 @@ export default function JsonDocumentRoute() {
             <JsonSearchProvider>
               <JsonTreeViewProvider overscan={25}>
                 <div>
-                  <div className="block sm:hidden fixed bg-black/80 h-screen w-screen z-50 text-white">
+                  <div className="block md:hidden fixed bg-black/80 h-screen w-screen z-50 text-white">
                     <div className="flex flex-col items-center justify-center h-full text-center">
                       <LargeTitle>JSON Hero only works on desktop</LargeTitle>
                       <LargeTitle>👇</LargeTitle>