diff --git a/packages/ui/src/components/Button/Button.tsx b/packages/ui/src/components/Button/Button.tsx
index b553b769c86..efb20c93b81 100644
--- a/packages/ui/src/components/Button/Button.tsx
+++ b/packages/ui/src/components/Button/Button.tsx
@@ -85,7 +85,8 @@ const buttonVariants = cva(
             text-scale-1200
             hover:bg-scale-500
             shadow-none
-            focus-visible:outline-scale-700`,
+            focus-visible:outline-scale-700
+            border-transparent`,
         danger: `
             text-red-1100
             bg-red-200
diff --git a/studio/components/layouts/ProjectLayout/LayoutHeader/HelpPopover.tsx b/studio/components/layouts/ProjectLayout/LayoutHeader/HelpPopover.tsx
index 6189ebb211e..6b6add879bd 100644
--- a/studio/components/layouts/ProjectLayout/LayoutHeader/HelpPopover.tsx
+++ b/studio/components/layouts/ProjectLayout/LayoutHeader/HelpPopover.tsx
@@ -28,7 +28,7 @@ const HelpPopover: FC<Props> = () => {
       side="bottom"
       sideOffset={8}
       overlay={
-        <div className="my-4 w-96 space-y-4">
+        <div className="my-4 w-[400px] space-y-4">
           <div className="my-5 space-y-4 px-5">
             <h5 className="text-scale-1200">Need help with your project?</h5>
             <p className="text-sm text-scale-900">