diff --git a/web/components/issues/sidebar-select/parent.tsx b/web/components/issues/sidebar-select/parent.tsx
index e030e3d58..cdeb09e90 100644
--- a/web/components/issues/sidebar-select/parent.tsx
+++ b/web/components/issues/sidebar-select/parent.tsx
@@ -35,32 +35,30 @@ export const SidebarParentSelect: React.FC<Props> = ({ onChange, issueDetails, d
         projectId={projectId as string}
       />
 
-      <div className="flex items-center gap-2 rounded bg-custom-background-80 px-2.5 py-0.5 text-xs max-w-max">
-        <button
-          type="button"
-          className={`${disabled ? "cursor-not-allowed" : "cursor-pointer "}`}
-          onClick={() => setIsParentModalOpen(true)}
-          disabled={disabled}
-        >
-          {selectedParentIssue && issueDetails?.parent ? (
-            `${selectedParentIssue.project__identifier}-${selectedParentIssue.sequence_id}`
-          ) : !selectedParentIssue && issueDetails?.parent ? (
-            `${issueDetails.parent_detail?.project_detail.identifier}-${issueDetails.parent_detail?.sequence_id}`
-          ) : (
-            <span className="text-custom-text-200">Select issue</span>
-          )}
-        </button>
-        {selectedParentIssue && issueDetails?.parent && (
-          <button
-            type="button"
-            className={`${disabled ? "cursor-not-allowed" : "cursor-pointer "}`}
-            onClick={() => onChange("")}
-            disabled={disabled}
-          >
-            <X className="h-2.5 w-2.5" />
-          </button>
+      <button
+        type="button"
+        className={`flex items-center gap-2 rounded bg-custom-background-80 px-2.5 py-0.5 text-xs max-w-max" ${
+          disabled ? "cursor-not-allowed" : "cursor-pointer "
+        }`}
+        onClick={() => {
+          if (issueDetails?.parent) {
+            onChange("");
+            setSelectedParentIssue(null);
+          } else {
+            setIsParentModalOpen(true);
+          }
+        }}
+        disabled={disabled}
+      >
+        {selectedParentIssue && issueDetails?.parent ? (
+          `${selectedParentIssue.project__identifier}-${selectedParentIssue.sequence_id}`
+        ) : !selectedParentIssue && issueDetails?.parent ? (
+          `${issueDetails.parent_detail?.project_detail.identifier}-${issueDetails.parent_detail?.sequence_id}`
+        ) : (
+          <span className="text-custom-text-200">Select issue</span>
         )}
-      </div>
+        {issueDetails?.parent && <X className="h-2.5 w-2.5" />}
+      </button>
     </>
   );
 };