From a588844ba5d1674f48c9b33abf10c5ab6d1104fe Mon Sep 17 00:00:00 2001
From: AbdBarho <ka70911@gmail.com>
Date: Fri, 20 Jan 2023 12:26:50 +0100
Subject: [PATCH] use clsx

---
 website/src/components/Survey/SurveyCard.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/website/src/components/Survey/SurveyCard.tsx b/website/src/components/Survey/SurveyCard.tsx
index 94657fc7..6101f787 100644
--- a/website/src/components/Survey/SurveyCard.tsx
+++ b/website/src/components/Survey/SurveyCard.tsx
@@ -1,4 +1,5 @@
 import { Box, BoxProps, useColorModeValue } from "@chakra-ui/react";
+import clsx from "clsx";
 import { PropsWithChildren } from "react";
 
 export const SurveyCard = (props: PropsWithChildren<{ className?: string }>) => {
@@ -8,7 +9,7 @@ export const SurveyCard = (props: PropsWithChildren<{ className?: string }>) =>
     gap: "2",
     borderRadius: "xl",
     shadow: "base",
-    className: "p-4 sm:p-6 " + (props.className ?? ""),
+    className: clsx("p-4 sm:p-6", props.className),
   };
 
   return (