diff --git a/src/components/Widget/HoneypotCaptchaWidget.css b/src/components/Widget/HoneypotCaptchaWidget.css
index 38b56a1..bf44dcb 100644
--- 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
index 0d49bd3..92d31b6 100644
--- 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>
   );
 };