button style reset safari

GooeyAI · Oct 8, 2024 · d6af022 · d6af022
1 parent 7e9264c
commit d6af022
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/app/components/GooeyPopover.tsx b/app/components/GooeyPopover.tsx
@@ -33,11 +33,7 @@ export default function GooeyPopover({
       animation="scale"
       {...props}
     >
-      <button
-        type="button"
-        className="border-0 bg-transparent"
-        onClick={() => setVisible(!visible)}
-      >
+      <button type="button" onClick={() => setVisible(!visible)}>
         <RenderedChildren
           children={children}
           onChange={onChange}

diff --git a/app/styles/custom.css b/app/styles/custom.css
@@ -783,3 +783,16 @@ a.text-primary:hover {
 .modal-header {
   align-items: start;
 }
+
+button {
+  -webkit-appearance: none;
+  border-radius: 0;
+  text-align: inherit;
+  background: none;
+  box-shadow: none;
+  padding: 0;
+  cursor: pointer;
+  border: none;
+  color: inherit;
+  font: inherit;
+}