From 7b35f3b3adeb5ced1e591e92474f63b15d6cc87d Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Wed, 9 Aug 2023 11:28:25 -0300
Subject: [PATCH] fix(site): add horizontal scroll when having many tabs
 (#8998)

---
 site/src/components/TemplateFiles/TemplateFiles.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/site/src/components/TemplateFiles/TemplateFiles.tsx b/site/src/components/TemplateFiles/TemplateFiles.tsx
index 11bc49397f..73aaad4b1f 100644
--- a/site/src/components/TemplateFiles/TemplateFiles.tsx
+++ b/site/src/components/TemplateFiles/TemplateFiles.tsx
@@ -87,6 +87,7 @@ const useStyles = makeStyles((theme) => ({
     alignItems: "baseline",
     borderBottom: `1px solid ${theme.palette.divider}`,
     gap: 1,
+    overflowX: "auto",
   },
 
   tab: {
@@ -101,6 +102,7 @@ const useStyles = makeStyles((theme) => ({
     gap: theme.spacing(0.5),
     position: "relative",
     color: theme.palette.text.secondary,
+    whiteSpace: "nowrap",
 
     "& svg": {
       width: 22,