From f4ac82f98995fd347de63cff74c1dbd82d03e74a Mon Sep 17 00:00:00 2001
From: peolic <66393006+peolic@users.noreply.github.com>
Date: Mon, 1 Nov 2021 02:16:58 +0200
Subject: [PATCH] Update GridCard.tsx (#1930)

---
 ui/v2.5/src/components/Shared/GridCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/v2.5/src/components/Shared/GridCard.tsx b/ui/v2.5/src/components/Shared/GridCard.tsx
index 4c0320620..6636ee331 100644
--- a/ui/v2.5/src/components/Shared/GridCard.tsx
+++ b/ui/v2.5/src/components/Shared/GridCard.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import { Card, Form } from "react-bootstrap";
 import { Link } from "react-router-dom";
+import cx from "classnames";
 import TruncatedText from "./TruncatedText";
 
 interface ICardProps {
@@ -77,7 +78,7 @@ export const GridCard: React.FC<ICardProps> = (props: ICardProps) => {
 
   return (
     <Card
-      className={`${props.className} grid-card`}
+      className={cx(props.className, "grid-card")}
       onClick={handleImageClick}
       onDragStart={handleDrag}
       onDragOver={handleDragOver}
@@ -85,7 +86,7 @@ export const GridCard: React.FC<ICardProps> = (props: ICardProps) => {
     >
       {maybeRenderCheckbox()}
 
-      <div className={`${props.thumbnailSectionClassName} thumbnail-section`}>
+      <div className={cx(props.thumbnailSectionClassName, "thumbnail-section")}>
         <Link
           to={props.url}
           className={props.linkClassName}