From cf58a6367d6111d2848441b3c3d3fa7b7f3de94e Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Tue, 20 Apr 2021 13:30:48 +0200
Subject: [PATCH] Update Woo Subscribers component to reflect recent changes

[MAILPOET-3471]
---
 .../woocommerce_subscription.tsx              | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/assets/js/src/segments/dynamic/dynamic_segments_filters/woocommerce_subscription.tsx b/assets/js/src/segments/dynamic/dynamic_segments_filters/woocommerce_subscription.tsx
index 2ba0bc97ff..957fede226 100644
--- a/assets/js/src/segments/dynamic/dynamic_segments_filters/woocommerce_subscription.tsx
+++ b/assets/js/src/segments/dynamic/dynamic_segments_filters/woocommerce_subscription.tsx
@@ -45,18 +45,18 @@ export const WooCommerceSubscriptionFields: React.FunctionComponent<Props> = (
   }));
 
   return (
-    <div className="mailpoet-form-field">
-      <div className="mailpoet-form-input mailpoet-form-select" data-automation-id="segment-woo-subscription-action">
-        <Select
-          placeholder={MailPoet.I18n.t('selectWooSubscription')}
-          options={productOptions}
-          value={find(['value', item.product_id], productOptions)}
-          onChange={(option: SelectOption): void => compose([
-            onChange,
-            assign(item),
-          ])({ product_id: option.value })}
-        />
-      </div>
-    </div>
+    <>
+      <div className="mailpoet-gap" />
+      <Select
+        placeholder={MailPoet.I18n.t('selectWooSubscription')}
+        automationId="segment-woo-subscription-action"
+        options={productOptions}
+        value={find(['value', item.product_id], productOptions)}
+        onChange={(option: SelectOption): void => compose([
+          onChange,
+          assign(item),
+        ])({ product_id: option.value })}
+      />
+    </>
   );
 };