diff --git a/src/common/components/CastRow.tsx b/src/common/components/CastRow.tsx
index deb29a60..ffab79a2 100644
--- a/src/common/components/CastRow.tsx
+++ b/src/common/components/CastRow.tsx
@@ -79,10 +79,10 @@ export const CastRow = ({ cast, isSelected, showChannel, onSelect, channels }: C
             referrerPolicy="no-referrer"
           />
           {cast.parent_hash && <ArrowUturnUpIcon className="w-4 h-4 text-gray-400" />}
-          <span className="font-medium text-gray-100">@{cast.author.username} ({cast.author.display_name})</span>
+          <span className="flex font-medium text-gray-100">@{cast.author.username} <span className="hidden md:ml-1 md:block">({cast.author.display_name})</span></span>
           {showChannel && channel && (
             <div className="flex flex-row">
-              <span className="ml-1 -mt-0.5 inline-flex items-center rounded-sm bg-blue-400/10 px-1.5 py-0.5 text-xs font-medium text-blue-400 ring-1 ring-inset ring-blue-400/30">
+              <span className="ml-2 inline-flex items-center rounded-sm bg-blue-400/10 px-1.5 py-0.5 text-xs font-medium text-blue-400 ring-1 ring-inset ring-blue-400/30">
                 {channel.name}
               </span>
             </div>
@@ -94,7 +94,7 @@ export const CastRow = ({ cast, isSelected, showChannel, onSelect, channels }: C
           </span>
         )}
       </div>
-      <p className="mt-2 text-sm leading-6 text-gray-300">
+      <p className="mt-2 text-sm leading-6 text-gray-300 break-words lg:break-normal">
         {cast.text !== embedUrl && cast.text}
         {embedUrl && !isImageUrl && cast.text !== embedUrl && (
           <span className="mt-3 flex text-sm text-gray-500">{embedUrl}<ArrowTopRightOnSquareIcon className="ml-1.5 mt-0.5 h-4 w-4" /></span>
diff --git a/src/common/components/PostEmbeddedContent/ImgurImage.tsx b/src/common/components/PostEmbeddedContent/ImgurImage.tsx
index f2d309e5..9440da4b 100644
--- a/src/common/components/PostEmbeddedContent/ImgurImage.tsx
+++ b/src/common/components/PostEmbeddedContent/ImgurImage.tsx
@@ -58,7 +58,7 @@ export const ImgurImage = ({ url }: { url: string }) => {
   return (
     <>
       <img
-        className="mt-2 h-72 object-left rounded-sm"
+        className="mt-2 h-48 lg:h-72 object-left rounded-sm"
         style={{ display: 'none' }}
         src={getImageViaCdnUrl(url)}
         alt=""
diff --git a/src/pages/Feed/index.tsx b/src/pages/Feed/index.tsx
index f657a575..9e283a08 100644
--- a/src/pages/Feed/index.tsx
+++ b/src/pages/Feed/index.tsx
@@ -163,7 +163,7 @@ export default function Feed() {
           return (
             <li key={cast.hash} ref={(selectedCastIdx === idx - 3) ? scollToRef : null
             }
-              className="relative flex items-center space-x-4 py-2 max-w-full lg:max-w-2xl" >
+              className="relative flex items-center space-x-4 py-2 max-w-sm lg:max-w-2xl xl:max-w-4xl" >
               <CastRow
                 cast={cast}
                 channels={channels}