diff --git a/static/style.css b/static/style.css
index 2fa2e9d..cfffb82 100644
--- a/static/style.css
+++ b/static/style.css
@@ -258,6 +258,7 @@ a:hover {
   gap: 1rem;
   padding: 0.5rem;
   background: var(--light-gray);
+  overflow-x: auto;
 }
 
 .file-content {
diff --git a/templates/file.html b/templates/file.html
index 8898786..49bc19b 100644
--- a/templates/file.html
+++ b/templates/file.html
@@ -1,23 +1,29 @@
 {{ define "file" }}
 <html>
-{{ template "head" . }}
+  {{ template "head" . }}
   {{ template "repoheader" . }}
   <body>
     {{ template "nav" . }}
     <main>
       <p>{{ .path }}</p>
       <div class="file-wrapper">
-        <div class="line-numbers">
-          {{- range .linecount }}
-<a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a>
-          {{- end -}}
-        </div>
-        <div class="file-content">
-          <span></span>
-          <pre>
-            {{- .content -}}
-          </pre>
-        </div>
+      <table >
+        <tbody><tr>
+            <td class="line-numbers">
+              <pre>
+            {{- range .linecount }}
+ <a id="L{{ . }}" href="#L{{ . }}">{{ . }}</a>
+            {{- end -}}
+              </pre>
+            </td>
+            <td class="file-content">
+              <pre>
+             {{- .content -}}
+              </pre>
+            </td>
+        </tbody></tr>
+      </table>
+      </div>
     </main>
   </body>
 </html>
