diff --git a/app/global.css b/app/global.css
index fe95afbf8..541769509 100644
--- a/app/global.css
+++ b/app/global.css
@@ -306,17 +306,38 @@ div.prose-no-margin .sticky.top-24.z-\[2\].flex.flex-row.items-center.gap-2.roun
   top: 4.5rem;
 }
 
-/* For long endpoint names this will truncate the ending and add an ellipsis */
-div.prose-no-margin .sticky.top-24.z-\[2\].flex.flex-row.items-center.gap-2.rounded-lg.border.bg-card.p-3.md\:top-10 span:nth-child(n+12) {
-  display: none;
+/* START Wrap longer endpoionts */
+
+/* Target the sticky outer div */
+.sticky.top-24.z-\[2\].flex.flex-row.items-center.gap-2.rounded-lg.border.bg-card.p-3.md\:top-10 {
+  display: flex;
+  flex-wrap: wrap;
+  padding-top: 2.5rem;
+}
+
+/* Style for the POST span */
+.sticky.top-24.z-\[2\].flex.flex-row.items-center.gap-2.rounded-lg.border.bg-card.p-3.md\:top-10 > span:first-child {
+  position: absolute;
+  top: 0.75rem;
+  left: 0.75rem;
 }
 
-/* And add an ellipsis */
-div.prose-no-margin .sticky.top-24.z-\[2\].flex.flex-row.items-center.gap-2.rounded-lg.border.bg-card.p-3.md\:top-10 span:nth-child(11)::after {
-  content: '...';
-  display: inline;
+/* Style for the button */
+.sticky.top-24.z-\[2\].flex.flex-row.items-center.gap-2.rounded-lg.border.bg-card.p-3.md\:top-10 > button {
+  position: absolute;
+  top: 0.75rem;
+  right: 0.75rem;
 }
 
+/* Target the inner div containing the endpoint spans */
+.sticky.top-24.z-\[2\].flex.flex-row.items-center.gap-2.rounded-lg.border.bg-card.p-3.md\:top-10 > div {
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+/* END Wrap longer endpoionts */
+
 div.prose div.footer.not-prose {
   background: hsl(var(--accent));
 }