diff --git a/website/src/components/Resource/Card/index.tsx b/website/src/components/Resource/Card/index.tsx
index 57eea91c4bbf..33678489e42d 100644
--- a/website/src/components/Resource/Card/index.tsx
+++ b/website/src/components/Resource/Card/index.tsx
@@ -37,13 +37,7 @@ export default function ResourceCard({
   const authorAvatar = `${authorLink}.png?size=80`;
 
   return (
-    <div
-      className={clsx(
-        "resource-card-container",
-        onClick && "resource-card-container-clickable",
-        className
-      )}
-    >
+    <div className={clsx("resource-card-container", className)}>
       <div className="resource-card-header">
         <div className="resource-card-header-title">
           {resource.name}
diff --git a/website/src/components/Resource/Card/styles.css b/website/src/components/Resource/Card/styles.css
index e0b7657e2fe9..406507a31836 100644
--- a/website/src/components/Resource/Card/styles.css
+++ b/website/src/components/Resource/Card/styles.css
@@ -3,10 +3,7 @@
     @apply flex flex-col gap-y-2 w-full min-h-[12rem] p-4;
     @apply transition-colors duration-500 bg-base-200;
     @apply border-2 border-base-200 rounded-lg;
-
-    &-clickable {
-      @apply cursor-pointer hover:border-primary;
-    }
+    @apply hover:border-primary;
   }
 
   &-header {
@@ -21,7 +18,7 @@
     }
 
     &-expand {
-      @apply flex-none fill-current;
+      @apply flex-none fill-current cursor-pointer;
     }
   }