diff --git a/src/base/projects/Blob.svelte b/src/base/projects/Blob.svelte
index 76c50b9dc..daa25875b 100644
--- a/src/base/projects/Blob.svelte
+++ b/src/base/projects/Blob.svelte
@@ -56,10 +56,15 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    justify-content: flex-end;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
   }
 
   header .file-name {
     font-weight: var(--font-weight-normal);
+    flex-shrink: 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -159,6 +164,12 @@
       display: none;
     }
   }
+
+  @media (max-width: 720px) {
+    .right {
+      justify-content: center;
+    }
+  }
 </style>
 
 <div class:markdown={isMarkdown}>