fix: fixed const variables and added row class

collective · Sep 16, 2022 · 300d6c9 · 300d6c9
1 parent 1946a08
commit 300d6c9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Widget/HoneypotCaptchaWidget.css b/src/components/Widget/HoneypotCaptchaWidget.css
@@ -1,3 +1,3 @@
-.honey-wrapper {
+.public-ui .ui.grid > .row.honey-wrapper {
     display: none;
 }
diff --git a/src/components/Widget/HoneypotCaptchaWidget.jsx b/src/components/Widget/HoneypotCaptchaWidget.jsx
@@ -6,6 +6,7 @@
 import React, { useState, useEffect } from 'react';
 
 import TextWidget from '@plone/volto/components/manage/Widgets/TextWidget';
+import { Grid } from 'semantic-ui-react';
 import './HoneypotCaptchaWidget.css';
 
 /**
@@ -40,7 +41,7 @@ const HoneypotCaptchaWidget = ({
 
   const [value, setValue] = useState();
   return (
-    <div className="honey-wrapper" key={'honeypot-captcha'}>
+    <Grid.Row className="honey-wrapper" key={'honeypot-captcha'}>
       <TextWidget
         id={id}
         name={id}
@@ -54,7 +55,7 @@ const HoneypotCaptchaWidget = ({
         }}
         value={value}
       />
-    </div>
+    </Grid.Row>
   );
 };