From aa88186cdcf5e4b297b36c31498082b8050408c5 Mon Sep 17 00:00:00 2001
From: Ali Yanni <aliryanni@gmail.com>
Date: Tue, 14 Mar 2023 07:15:47 -0400
Subject: [PATCH] Fixes button-group label visibility (#5299)

Co-authored-by: Kavin Venkatachalam <50441969+kavinvenkatachalam@users.noreply.github.com>
---
 frontend/src/Editor/Components/ButtonGroup.jsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/Editor/Components/ButtonGroup.jsx b/frontend/src/Editor/Components/ButtonGroup.jsx
index 5858da52e6..5ef5f32349 100644
--- a/frontend/src/Editor/Components/ButtonGroup.jsx
+++ b/frontend/src/Editor/Components/ButtonGroup.jsx
@@ -69,7 +69,14 @@ export const ButtonGroup = function Button({
   };
   return (
     <div className="widget-buttongroup" style={{ height }} data-cy={dataCy}>
-      {label && <p className={`widget-buttongroup-label ${darkMode && 'text-light'}`}>{label}</p>}
+      {label && (
+        <p
+          style={{ display: computedStyles.display }}
+          className={`widget-buttongroup-label ${darkMode && 'text-light'}`}
+        >
+          {label}
+        </p>
+      )}
       <div>
         {data?.map((item, index) => (
           <button