diff --git a/web-app/src/containers/dialogs/CortexFailureDialog.tsx b/web-app/src/containers/dialogs/CortexFailureDialog.tsx
index bdd2aff2e..b28281f54 100644
--- a/web-app/src/containers/dialogs/CortexFailureDialog.tsx
+++ b/web-app/src/containers/dialogs/CortexFailureDialog.tsx
@@ -65,7 +65,7 @@ export function CortexFailureDialog() {
         <DialogFooter className="flex gap-2">
           <Button
             asChild
-            variant="default"
+            variant="link"
             className="bg-transparent border border-main-view-fg/20 hover:bg-main-view-fg/4"
             onClick={() => {
               setShowDialog(false)
diff --git a/web-app/src/containers/dialogs/OutOfContextDialog.tsx b/web-app/src/containers/dialogs/OutOfContextDialog.tsx
index d1d6317a8..f08af2a3a 100644
--- a/web-app/src/containers/dialogs/OutOfContextDialog.tsx
+++ b/web-app/src/containers/dialogs/OutOfContextDialog.tsx
@@ -55,7 +55,7 @@ export default function OutOfContextPromiseModal() {
         </DialogDescription>
         <DialogFooter className="flex gap-2">
           <Button
-            variant="default"
+            variant="link"
             className="bg-transparent border border-main-view-fg/20 hover:bg-main-view-fg/4"
             onClick={() => {
               handleContextShift()