diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 817ee1e9..187589a4 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -3579,6 +3579,10 @@ body a, body button {
   z-index: 10;
   width: calc(var(--spacing) * 20);
   cursor: pointer;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
   border-top-right-radius: var(--radius-md);
   border-bottom-left-radius: var(--radius-md);
   background-color: rgba(var(--color-neutral-200), 1);
diff --git a/assets/css/main.css b/assets/css/main.css
index d03c0015..99a504e3 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -90,7 +90,9 @@ body button {
 }
 
 .copy-button {
-  @apply absolute top-0 right-0 z-10 invisible w-20 py-1 font-mono text-sm cursor-pointer opacity-90 bg-neutral-200 whitespace-nowrap rounded-bl-md rounded-tr-md text-neutral-700 dark:bg-neutral-600 dark:text-neutral-200;
+  @apply absolute top-0 right-0 z-10 invisible w-20 py-1 font-mono text-sm cursor-pointer
+  opacity-90 bg-neutral-200 whitespace-nowrap rounded-bl-md rounded-tr-md text-neutral-700
+  dark:bg-neutral-600 dark:text-neutral-200 overflow-hidden truncate;
 }
 
 .copy-button:hover,