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 5b6da6871..65547a805 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
@@ -63,7 +63,7 @@ export const IssueColumn: React.FC<Props> = ({
   const paddingLeft = `${nestingLevel * 54}px`;
 
   return (
-    <div className="group flex items-center w-[28rem] text-sm h-11 sticky top-0 bg-custom-background-100 truncate border-b border-r border-custom-border-100">
+    <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]"
diff --git a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx
index 172194b83..127b9c104 100644
--- a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-column.tsx
@@ -34,7 +34,6 @@ import {
 } from "types";
 // constants
 import { SPREADSHEET_PROPERTY_DETAILS } from "constants/spreadsheet";
-import { Command } from "cmdk";
 
 type Props = {
   disableUserActions: boolean;
@@ -166,90 +165,83 @@ export const SpreadsheetColumn: React.FC<Props> = (props) => {
             )}
         </CustomMenu>
       </div>
+
       <div className="h-full min-w-[8rem] w-full">
-        <Command.Group>
-          <>
-            {issues?.map((issue) => (
-              <Command.Item
+        {issues?.map((issue) => (
+          <div className="h-11 flex items-center px-4 py-2.5 border-b-[0.5px] border-custom-border-200">
+            {property === "state" ? (
+              <SpreadsheetStateColumn
+                disabled={disableUserActions}
+                expandedIssues={expandedIssues}
+                issue={issue}
+                onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
+                states={states}
+              />
+            ) : property === "priority" ? (
+              <SpreadsheetPriorityColumn
                 key={`${property}-${issue.id}`}
-                value={`${property}-${issue.id}`}
-                className="h-11 flex items-center px-4 py-2.5 border-b-[0.5px] border-custom-border-200"
-              >
-                {property === "state" ? (
-                  <SpreadsheetStateColumn
-                    disabled={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                    onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
-                    states={states}
-                  />
-                ) : property === "priority" ? (
-                  <SpreadsheetPriorityColumn
-                    key={`${property}-${issue.id}`}
-                    disabled={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                    onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
-                  />
-                ) : property === "estimate" ? (
-                  <SpreadsheetEstimateColumn
-                    key={`${property}-${issue.id}`}
-                    disabled={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                    onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
-                  />
-                ) : property === "assignee" ? (
-                  <SpreadsheetAssigneeColumn
-                    key={`${property}-${issue.id}`}
-                    disabled={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                    members={members}
-                    onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
-                  />
-                ) : property === "labels" ? (
-                  <SpreadsheetLabelColumn
-                    key={`${property}-${issue.id}`}
-                    disabled={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                    labels={labels}
-                    onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
-                  />
-                ) : property === "start_date" ? (
-                  <SpreadsheetStartDateColumn
-                    key={`${property}-${issue.id}`}
-                    disabled={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                    onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
-                  />
-                ) : property === "due_date" ? (
-                  <SpreadsheetDueDateColumn
-                    key={`${property}-${issue.id}`}
-                    disabled={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                    onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
-                  />
-                ) : property === "created_on" ? (
-                  <SpreadsheetCreatedOnColumn
-                    key={`${property}-${issue.id}`}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                  />
-                ) : property === "updated_on" ? (
-                  <SpreadsheetUpdatedOnColumn
-                    key={`${property}-${issue.id}`}
-                    expandedIssues={expandedIssues}
-                    issue={issue}
-                  />
-                ) : null}
-              </Command.Item>
-            ))}
-          </>
-        </Command.Group>
+                disabled={disableUserActions}
+                expandedIssues={expandedIssues}
+                issue={issue}
+                onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
+              />
+            ) : property === "estimate" ? (
+              <SpreadsheetEstimateColumn
+                key={`${property}-${issue.id}`}
+                disabled={disableUserActions}
+                expandedIssues={expandedIssues}
+                issue={issue}
+                onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
+              />
+            ) : property === "assignee" ? (
+              <SpreadsheetAssigneeColumn
+                key={`${property}-${issue.id}`}
+                disabled={disableUserActions}
+                expandedIssues={expandedIssues}
+                issue={issue}
+                members={members}
+                onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
+              />
+            ) : property === "labels" ? (
+              <SpreadsheetLabelColumn
+                key={`${property}-${issue.id}`}
+                disabled={disableUserActions}
+                expandedIssues={expandedIssues}
+                issue={issue}
+                labels={labels}
+                onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
+              />
+            ) : property === "start_date" ? (
+              <SpreadsheetStartDateColumn
+                key={`${property}-${issue.id}`}
+                disabled={disableUserActions}
+                expandedIssues={expandedIssues}
+                issue={issue}
+                onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
+              />
+            ) : property === "due_date" ? (
+              <SpreadsheetDueDateColumn
+                key={`${property}-${issue.id}`}
+                disabled={disableUserActions}
+                expandedIssues={expandedIssues}
+                issue={issue}
+                onChange={(data: Partial<IIssue>) => handleUpdateIssue(issue, data)}
+              />
+            ) : property === "created_on" ? (
+              <SpreadsheetCreatedOnColumn
+                key={`${property}-${issue.id}`}
+                expandedIssues={expandedIssues}
+                issue={issue}
+              />
+            ) : property === "updated_on" ? (
+              <SpreadsheetUpdatedOnColumn
+                key={`${property}-${issue.id}`}
+                expandedIssues={expandedIssues}
+                issue={issue}
+              />
+            ) : null}
+          </div>
+        ))}
       </div>
     </div>
   );
diff --git a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx
index fe814f5fd..2be3a927e 100644
--- a/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx
+++ b/web/components/issues/issue-layouts/spreadsheet/spreadsheet-view.tsx
@@ -19,7 +19,6 @@ import {
   IStateResponse,
   IUserLite,
 } from "types";
-import { Command } from "cmdk";
 
 type Props = {
   displayProperties: IIssueDisplayProperties;
@@ -81,68 +80,66 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
   }, []);
 
   return (
-    <Command>
-      <Command.List>
-        <div className="relative flex h-full w-full rounded-lg text-custom-text-200 overflow-x-auto whitespace-nowrap bg-custom-background-200">
-          <div className="h-full w-full flex flex-col">
-            <div
-              ref={containerRef}
-              className="flex max-h-full h-full overflow-y-auto divide-x-[0.5px] divide-custom-border-200"
-            >
-              {issues ? (
-                <>
-                  <div className="sticky left-0 w-[28rem] z-[2]">
-                    <div
-                      className="relative flex flex-col h-max w-full bg-custom-background-100 z-[2]"
-                      style={{
-                        boxShadow: isScrolled ? "8px -9px 12px rgba(0, 0, 0, 0.05)" : "",
-                      }}
-                    >
-                      <div className="flex items-center text-sm font-medium z-[2] h-11 w-full sticky top-0 bg-custom-background-90 border border-l-0 border-custom-border-100">
-                        {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>
-                      </div>
-
-                      {issues.map((issue: IIssue, index) => (
-                        <SpreadsheetIssuesColumn
-                          key={`${issue.id}_${index}`}
-                          issue={issue}
-                          projectId={issue.project_detail.id}
-                          expandedIssues={expandedIssues}
-                          setExpandedIssues={setExpandedIssues}
-                          properties={displayProperties}
-                          handleIssueAction={handleIssueAction}
-                          disableUserActions={disableUserActions}
-                        />
-                      ))}
-                    </div>
+    <div className="relative flex h-full w-full rounded-lg text-custom-text-200 overflow-x-auto whitespace-nowrap bg-custom-background-200">
+      <div className="h-full w-full flex flex-col">
+        <div
+          ref={containerRef}
+          className="flex max-h-full h-full overflow-y-auto divide-x-[0.5px] divide-custom-border-200"
+        >
+          {issues ? (
+            <>
+              <div className="sticky left-0 w-[28rem] z-[2]">
+                <div
+                  className="relative flex flex-col h-max w-full bg-custom-background-100 z-[2]"
+                  style={{
+                    boxShadow: isScrolled ? "8px -9px 12px rgba(0, 0, 0, 0.05)" : "",
+                  }}
+                >
+                  <div className="flex items-center text-sm font-medium z-[2] h-11 w-full sticky top-0 bg-custom-background-90 border border-l-0 border-custom-border-100">
+                    {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>
                   </div>
 
-                  <SpreadsheetColumnsList
-                    displayFilters={displayFilters}
-                    displayProperties={displayProperties}
-                    disableUserActions={disableUserActions}
-                    expandedIssues={expandedIssues}
-                    handleDisplayFilterUpdate={handleDisplayFilterUpdate}
-                    handleUpdateIssue={handleUpdateIssue}
-                    issues={issues}
-                    members={members}
-                    labels={labels}
-                    states={states}
-                  />
-                </>
-              ) : (
-                <div className="grid place-items-center h-full w-full">
-                  <Spinner />
+                  {issues.map((issue: IIssue, index) => (
+                    <SpreadsheetIssuesColumn
+                      key={`${issue.id}_${index}`}
+                      issue={issue}
+                      projectId={issue.project_detail.id}
+                      expandedIssues={expandedIssues}
+                      setExpandedIssues={setExpandedIssues}
+                      properties={displayProperties}
+                      handleIssueAction={handleIssueAction}
+                      disableUserActions={disableUserActions}
+                    />
+                  ))}
                 </div>
-              )}
-            </div>
+              </div>
 
-            <div className="border-t border-custom-border-100">
-              <div className="mb-3 z-50 sticky bottom-0 left-0">
-                {/* <ListInlineCreateIssueForm
+              <SpreadsheetColumnsList
+                displayFilters={displayFilters}
+                displayProperties={displayProperties}
+                disableUserActions={disableUserActions}
+                expandedIssues={expandedIssues}
+                handleDisplayFilterUpdate={handleDisplayFilterUpdate}
+                handleUpdateIssue={handleUpdateIssue}
+                issues={issues}
+                members={members}
+                labels={labels}
+                states={states}
+              />
+            </>
+          ) : (
+            <div className="grid place-items-center h-full w-full">
+              <Spinner />
+            </div>
+          )}
+        </div>
+
+        <div className="border-t border-custom-border-100">
+          <div className="mb-3 z-50 sticky bottom-0 left-0">
+            {/* <ListInlineCreateIssueForm
                 isOpen={isInlineCreateIssueFormOpen}
                 handleClose={() => setIsInlineCreateIssueFormOpen(false)}
                 prePopulatedData={{
@@ -150,45 +147,43 @@ export const SpreadsheetView: React.FC<Props> = observer((props) => {
                   ...(moduleId && { module: moduleId.toString() }),
                 }}
               /> */}
-              </div>
+          </div>
 
-              {!disableUserActions &&
-                !isInlineCreateIssueFormOpen &&
-                (type === "issue" ? (
+          {!disableUserActions &&
+            !isInlineCreateIssueFormOpen &&
+            (type === "issue" ? (
+              <button
+                className="flex gap-1.5 items-center text-custom-primary-100 pl-4 py-2.5 text-sm sticky left-0 z-[1] w-full"
+                onClick={() => setIsInlineCreateIssueFormOpen(true)}
+              >
+                <PlusIcon className="h-4 w-4" />
+                New Issue
+              </button>
+            ) : (
+              <CustomMenu
+                className="sticky left-0 z-10"
+                customButton={
                   <button
-                    className="flex gap-1.5 items-center text-custom-primary-100 pl-4 py-2.5 text-sm sticky left-0 z-[1] w-full"
-                    onClick={() => setIsInlineCreateIssueFormOpen(true)}
+                    className="flex gap-1.5 items-center text-custom-primary-100 pl-4 py-2.5 text-sm sticky left-0 z-[1] border-custom-border-200 w-full"
+                    type="button"
                   >
                     <PlusIcon className="h-4 w-4" />
                     New Issue
                   </button>
-                ) : (
-                  <CustomMenu
-                    className="sticky left-0 z-10"
-                    customButton={
-                      <button
-                        className="flex gap-1.5 items-center text-custom-primary-100 pl-4 py-2.5 text-sm sticky left-0 z-[1] border-custom-border-200 w-full"
-                        type="button"
-                      >
-                        <PlusIcon className="h-4 w-4" />
-                        New Issue
-                      </button>
-                    }
-                    optionsClassName="left-5 !w-36"
-                    noBorder
-                  >
-                    <CustomMenu.MenuItem onClick={() => setIsInlineCreateIssueFormOpen(true)}>
-                      Create new
-                    </CustomMenu.MenuItem>
-                    {openIssuesListModal && (
-                      <CustomMenu.MenuItem onClick={openIssuesListModal}>Add an existing issue</CustomMenu.MenuItem>
-                    )}
-                  </CustomMenu>
-                ))}
-            </div>
-          </div>
+                }
+                optionsClassName="left-5 !w-36"
+                noBorder
+              >
+                <CustomMenu.MenuItem onClick={() => setIsInlineCreateIssueFormOpen(true)}>
+                  Create new
+                </CustomMenu.MenuItem>
+                {openIssuesListModal && (
+                  <CustomMenu.MenuItem onClick={openIssuesListModal}>Add an existing issue</CustomMenu.MenuItem>
+                )}
+              </CustomMenu>
+            ))}
         </div>
-      </Command.List>
-    </Command>
+      </div>
+    </div>
   );
 });