From a03a87d975a707e7bb06184e94950581bd093ee7 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 9 May 2024 15:51:48 -0500
Subject: [PATCH] remove bubble

---
 web/src/views/live/DraggableGridLayout.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/views/live/DraggableGridLayout.tsx b/web/src/views/live/DraggableGridLayout.tsx
index d40f65dde..0e44cdf6e 100644
--- a/web/src/views/live/DraggableGridLayout.tsx
+++ b/web/src/views/live/DraggableGridLayout.tsx
@@ -401,13 +401,13 @@ export default function DraggableGridLayout({
                 isDesktop && "bottom-12 lg:bottom-9",
                 isMobile && "bottom-12 lg:bottom-16",
                 hasScrollbar && isDesktop ? "right-6" : "right-1",
-                "z-50 flex flex-row gap-2 bg-secondary/30 p-2 rounded-full",
+                "z-50 flex flex-row gap-2",
               )}
             >
               <Tooltip>
                 <TooltipTrigger asChild>
                   <Button
-                    className="opacity-30 hover:opacity-100 transition-all duration-300"
+                    className="px-2 opacity-30 hover:opacity-100 transition-all duration-300"
                     onClick={() =>
                       setIsEditMode((prevIsEditMode) => !prevIsEditMode)
                     }
@@ -432,7 +432,7 @@ export default function DraggableGridLayout({
                   <Tooltip>
                     <TooltipTrigger asChild>
                       <Button
-                        className="opacity-30 hover:opacity-100 transition-all duration-300"
+                        className="px-2 opacity-30 hover:opacity-100 transition-all duration-300"
                         onClick={() =>
                           setEditGroup((prevEditGroup) => !prevEditGroup)
                         }
@@ -447,7 +447,7 @@ export default function DraggableGridLayout({
                   <Tooltip>
                     <TooltipTrigger asChild>
                       <Button
-                        className="opacity-30 hover:opacity-100 transition-all duration-300"
+                        className="px-2 opacity-30 hover:opacity-100 transition-all duration-300"
                         onClick={() => {
                           if (fullscreen) {
                             document.exitFullscreen();