diff --git a/templates/repo/view_file.tmpl b/templates/repo/view_file.tmpl
index c5efd3d2d4f66..fe5cb7b170584 100644
--- a/templates/repo/view_file.tmpl
+++ b/templates/repo/view_file.tmpl
@@ -1,6 +1,6 @@
 <div class="{{TabSizeClass .Editorconfig .FileName}} non-diff-file-content">
 	<h4 class="file-header ui top attached header df ac sb">
-		<div class="file-header-left df ac">
+		<div class="file-header-left df ac pr-4">
 			{{if .ReadmeInList}}
 				{{svg "octicon-book" 16 "mr-3"}}
 				<strong>{{.FileName}}</strong>
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 37a5017fbd5db..2686c0d280f3b 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -3048,9 +3048,10 @@ td.blob-excerpt {
 }
 
 .file-header {
+  align-items: center;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  overflow-x: scroll;
   padding: 8px 12px !important;
 }
 
@@ -3062,6 +3063,7 @@ td.blob-excerpt {
 .file-info-entry {
   display: flex;
   align-items: center;
+  width: max-content;
 }
 
 .file-info-entry + .file-info-entry {