From ece525185fd9b193930456656ecca1ba1c3e9535 Mon Sep 17 00:00:00 2001
From: Kirsty Bryce <kirstybryce25@gmail.com>
Date: Wed, 29 Jan 2025 14:05:08 +0100
Subject: [PATCH] [QUAR-642] adjust toggle btn margin

---
 .../bpk-component-card/src/BpkCardWrapper.tsx | 54 +++++++++----------
 1 file changed, 25 insertions(+), 29 deletions(-)

diff --git a/packages/bpk-component-card/src/BpkCardWrapper.tsx b/packages/bpk-component-card/src/BpkCardWrapper.tsx
index e506ec7055..c9eb50839a 100644
--- a/packages/bpk-component-card/src/BpkCardWrapper.tsx
+++ b/packages/bpk-component-card/src/BpkCardWrapper.tsx
@@ -87,35 +87,31 @@ const BpkCardWrapper = ({
       <div className={getClassName('bpk-card-wrapper--body--header--content')}>
         {header}
       </div>
-      <div>
-        <button
-          type="button"
-          onClick={toggleExpand}
-          className={getClassName('bpk-card-wrapper--body--header--button')}
-        >
-          {moreInfoToggle}
-        </button>
-        <Portal
-          isOpen={isBodyOpen}
-          renderTarget={document.getElementById('body-header')}
-        >
-          <div className={getClassName('bpk-card-wrapper--body')}>
-            <BpkText textStyle={TEXT_STYLES.caption}>{body.text}</BpkText>
-            {body.link && body.linkText && (
-              <a
-                href={body.link}
-                className={getClassName('bpk-card-wrapper--body--link-text')}
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <BpkText textStyle={TEXT_STYLES.caption}>
-                  {body.linkText}
-                </BpkText>
-              </a>
-            )}
-          </div>
-        </Portal>
-      </div>
+      <button
+        type="button"
+        onClick={toggleExpand}
+        className={getClassName('bpk-card-wrapper--body--header--button')}
+      >
+        {moreInfoToggle}
+      </button>
+      <Portal
+        isOpen={isBodyOpen}
+        renderTarget={document.getElementById('body-header')}
+      >
+        <div className={getClassName('bpk-card-wrapper--body')}>
+          <BpkText textStyle={TEXT_STYLES.caption}>{body.text}</BpkText>
+          {body.link && body.linkText && (
+            <a
+              href={body.link}
+              className={getClassName('bpk-card-wrapper--body--link-text')}
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <BpkText textStyle={TEXT_STYLES.caption}>{body.linkText}</BpkText>
+            </a>
+          )}
+        </div>
+      </Portal>
     </div>
   );