diff --git a/macos/Sources/Features/Secure Input/SecureInputOverlay.swift b/macos/Sources/Features/Secure Input/SecureInputOverlay.swift
index 96f309de5..08e02efaa 100644
--- a/macos/Sources/Features/Secure Input/SecureInputOverlay.swift	
+++ b/macos/Sources/Features/Secure Input/SecureInputOverlay.swift	
@@ -2,8 +2,8 @@ import SwiftUI
 
 struct SecureInputOverlay: View {
     // Animations
-    @State private var shadowAngle: Angle = .degrees(0)
-    @State private var shadowWidth: CGFloat = 6
+    @State private var gradientAngle: Angle = .degrees(0)
+    @State private var gradientOpacity: CGFloat = 0.5
 
     // Popover explainer text
     @State private var isPopover = false
@@ -20,18 +20,32 @@ struct SecureInputOverlay: View {
                     .foregroundColor(.primary)
                     .padding(5)
                     .background(
-                        RoundedRectangle(cornerRadius: 12)
+                        Rectangle()
                             .fill(.background)
-                            .innerShadow(
-                                using: RoundedRectangle(cornerRadius: 12),
-                                 stroke: AngularGradient(
-                                     gradient: Gradient(colors: [.cyan, .blue, .yellow, .blue, .cyan]),
-                                     center: .center,
-                                     angle: shadowAngle
-                                 ),
-                                 width: shadowWidth
+                            .overlay(
+                                Rectangle()
+                                    .fill(
+                                        AngularGradient(
+                                            gradient: Gradient(
+                                                colors: [.cyan, .blue, .yellow, .blue, .cyan]
+                                            ),
+                                            center: .center,
+                                            angle: gradientAngle
+                                        )
+                                    )
+                                    .blur(radius: 4, opaque: true)
+                                    .mask(
+                                        RadialGradient(
+                                            colors: [.clear, .black],
+                                            center: .center,
+                                            startRadius: 0,
+                                            endRadius: 25
+                                        )
+                                    )
+                                    .opacity(gradientOpacity)
                              )
                     )
+                    .mask(RoundedRectangle(cornerRadius: 12))
                     .overlay(
                         RoundedRectangle(cornerRadius: 12)
                             .stroke(Color.gray, lineWidth: 1)
@@ -57,11 +71,11 @@ struct SecureInputOverlay: View {
         }
         .onAppear {
             withAnimation(Animation.linear(duration: 2).repeatForever(autoreverses: false)) {
-                shadowAngle = .degrees(360)
+                gradientAngle = .degrees(360)
             }
 
             withAnimation(Animation.linear(duration: 2).repeatForever(autoreverses: true)) {
-                shadowWidth = 12
+                gradientOpacity = 1
             }
         }
     }