From 43e7c10eb7b8153dadc56f25077d54679b2062ff Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 14 Nov 2023 18:28:49 +0530
Subject: [PATCH] chore: spreadsheet layout column responsiveness (#2768)

---
 .../issue-layouts/spreadsheet/columns/issue/issue-column.tsx    | 2 +-
 .../issues/issue-layouts/spreadsheet/spreadsheet-view.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/issues/issue-layouts/spreadsheet/columns/issue/issue-column.tsx b/web/components/issues/issue-layouts/spreadsheet/columns/issue/issue-column.tsx
index 3fd042c1d..952a8cce9 100644
--- a/web/components/issues/issue-layouts/spreadsheet/columns/issue/issue-column.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/columns/issue/issue-column.tsx
@@ -78,7 +78,7 @@ export const IssueColumn: React.FC<Props> = ({
       <div className="group flex items-center w-[28rem] text-sm h-11 sticky top-0 bg-custom-background-100 truncate border-b border-custom-border-100">
         {properties.key && (
           <div
-            className="flex gap-1.5 px-4 pr-0 py-2.5 items-center min-w-[96px]"
+            className="flex gap-1.5 px-4 pr-0 py-2.5 items-center min-w-min"
             style={issue.parent && nestingLevel !== 0 ? { paddingLeft } : {}}
           >
             <div className="relative flex items-center cursor-pointer text-xs text-center hover:text-custom-text-100">
diff --git a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx
index 765e6d35c..a9aeeec75 100644
--- a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx
@@ -94,7 +94,7 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
                     {displayProperties.key && (
                       <span className="flex items-center px-4 py-2.5 h-full w-24 flex-shrink-0">ID</span>
                     )}
-                    <span className="flex items-center px-4 py-2.5 h-full w-full flex-grow">Issue</span>
+                    <span className="flex items-center justify-center px-4 py-2.5 h-full w-full flex-grow">Issue</span>
                   </div>
 
                   {issues.map((issue, index) => (