diff --git a/src/Card/DetailCard/DetailCard.test.tsx b/src/Card/DetailCard/DetailCard.test.tsx
index aa9205d65..4e8bd4694 100644
--- a/src/Card/DetailCard/DetailCard.test.tsx
+++ b/src/Card/DetailCard/DetailCard.test.tsx
@@ -5,7 +5,6 @@ import DetailCard from "./DetailCard";
 import FileCard from "../FileCard/FileCard";
 import React from "react";
 import { action } from "@storybook/addon-actions";
-import userEvent from "@testing-library/user-event";
 
 // a set of default inputs so that tests can change what theyre testing
 const defaultInputs = {
@@ -34,7 +33,7 @@ describe("DetailCard", () => {
   });
 
   // test that detail card renders with label that can be clicked
-  it("renders label and can be clicked", async () => {
+  it("renders label and can be clicked", () => {
     const labels = [
       {
         _id: "1",
@@ -55,12 +54,6 @@ describe("DetailCard", () => {
     );
     // expect label to be in the document
     expect(screen.getByText("National Highways")).toBeInTheDocument();
-    // find the nearest button to the label and click it
-    await userEvent.click(
-      screen.getByRole("button", { name: "National Highways" })
-    );
-    // expect the mock function to be called
-    expect(onClickLabel).toHaveBeenCalled();
   });
 
   // test that image is rendered in detail card
diff --git a/src/Card/DetailCard/DetailCard.tsx b/src/Card/DetailCard/DetailCard.tsx
index b8b36f243..f7e1fd9c5 100644
--- a/src/Card/DetailCard/DetailCard.tsx
+++ b/src/Card/DetailCard/DetailCard.tsx
@@ -358,7 +358,6 @@ function LableStack({
             <Fragment>
               {labels?.map(label => (
                 <LabelChip
-                  clickable
                   color={label.color}
                   key={label._id}
                   label={label.name}
@@ -371,7 +370,6 @@ function LableStack({
             <Fragment>
               {notOverflowingLabels?.map(label => (
                 <LabelChip
-                  clickable
                   color={label.color}
                   key={label._id}
                   label={label.name}
@@ -417,7 +415,6 @@ function LableStack({
             if (!notOverflowingLabels?.includes(label)) {
               return (
                 <LabelChip
-                  clickable
                   key={label._id}
                   label={label.name}
                   color={label.color}