diff --git a/src/components/EndpointViewer.jsx b/src/components/EndpointViewer.jsx
index b0b2706..825035c 100644
--- a/src/components/EndpointViewer.jsx
+++ b/src/components/EndpointViewer.jsx
@@ -149,10 +149,12 @@ function EndpointRow({ endpoint, topic }) {
             <p className="text-[15px] text-slate-600 leading-relaxed">{endpoint.description}</p>
           </div>
 
-          <div className="bg-white border border-slate-200/80 rounded-xl p-3.5 font-mono text-sm text-slate-600 break-all shadow-sm flex items-center gap-2 group-hover/row:border-brand-300 transition-colors">
-            <Server size={14} className="text-brand-400 shrink-0" />
-            <span className="opacity-60 hidden sm:inline">{topic.baseUrl}</span>
-            <span className="font-semibold text-slate-800">{urlPath}</span>
+          <div className="bg-white border border-slate-200/80 rounded-xl p-3.5 font-mono text-sm shadow-sm flex items-start gap-2 group-hover/row:border-brand-300 transition-colors min-w-0">
+            <Server size={14} className="text-brand-400 shrink-0 mt-0.5" />
+            <div className="min-w-0 flex-1">
+              <div className="text-xs text-slate-400 truncate">{topic.baseUrl}</div>
+              <div className="font-semibold text-slate-800 break-all">{urlPath}</div>
+            </div>
           </div>
 
           {/* Query params (GET endpoints) */}
@@ -241,7 +243,7 @@ function EndpointRow({ endpoint, topic }) {
               </div>
             ) : (
               // URL preview for no-body endpoints
-              <div className="flex-1 p-8 flex flex-col justify-center">
+              <div className="flex-1 p-8 flex flex-col justify-start">
                 <div className="text-[11px] font-bold text-slate-400 mb-4 uppercase tracking-wider flex items-center gap-2">
                   <Server size={14} className="text-brand-400" /> Full Request URL
                 </div>