From dc7834662d77c760c6f4e7eb721caed2baa27d1a Mon Sep 17 00:00:00 2001
From: David Ichim <ichim.david@gmail.com>
Date: Mon, 28 Nov 2022 17:48:25 +0200
Subject: [PATCH] fix(labels): wrap labels within a parent div

- this way we avoid the read more button from being affected by
  the flex rules and the button remains to the right side of the
  extra section
---
 src/components/UniversalCard/fragments/CardExtra.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/UniversalCard/fragments/CardExtra.jsx b/src/components/UniversalCard/fragments/CardExtra.jsx
index 2314fe48..e2969e7b 100644
--- a/src/components/UniversalCard/fragments/CardExtra.jsx
+++ b/src/components/UniversalCard/fragments/CardExtra.jsx
@@ -40,7 +40,11 @@ const CardExtra = ({ item, itemModel = {}, ...rest }) => {
 
   return show ? (
     <UiCard.Content extra>
-      {showTags && <Tags item={item} itemModel={itemModel} {...rest} />}
+      {showTags && (
+        <div className={'tags labels'}>
+          <Tags item={item} itemModel={itemModel} {...rest} />
+        </div>
+      )}
       {showCallToAction && (
         <CallToAction item={item} itemModel={itemModel} {...rest} />
       )}