diff --git a/src/meta/PanelContent.tsx b/src/meta/PanelContent.tsx
index d16cda1defc09835a7d3ed1c8967bd3983ba4cf7..1d48e83045a91fa13ffb0b8d68254b6d9ad408af 100644
--- a/src/meta/PanelContent.tsx
+++ b/src/meta/PanelContent.tsx
@@ -1,8 +1,13 @@
 import React from 'react';
+import classNames from "../util/classNames";
 
-const PanelContent = (props: {padding?: boolean, children: any}) => {
+const PanelContent = (props: {padding?: boolean, className?: string, children: any}) => {
   return (
-    <div className={"flex-1 " + ((props.padding ?? true) ? "px-5 pb-4" : "")}>
+    <div className={classNames(
+      "flex-1",
+      (props.padding ?? true) ? "px-5 pb-4" : "",
+      props.className
+    )}>
       {props.children}
     </div>
   );