diff --git a/Sources/TokamakCore/Views/Controls/Button.swift b/Sources/TokamakCore/Views/Controls/Button.swift
index d9d37afac..f77891e9c 100644
--- a/Sources/TokamakCore/Views/Controls/Button.swift
+++ b/Sources/TokamakCore/Views/Controls/Button.swift
@@ -103,7 +103,7 @@ public struct _Button<Label>: View where Label: View {
   public let action: () -> ()
 
   @State
-  public var isPressed = false
+  public var isPressed: (down: Bool, inside: Bool) = (false, false)
 
   let anyStyle: AnyButtonStyle
   public var style: Any.Type { anyStyle.type }
@@ -112,7 +112,7 @@ public struct _Button<Label>: View where Label: View {
       configuration: .init(
         role: role,
         label: .init(body: AnyView(label)),
-        isPressed: isPressed
+        isPressed: isPressed.down && isPressed.inside
       )
     )
   }
diff --git a/Sources/TokamakDOM/Views/Buttons/Button.swift b/Sources/TokamakDOM/Views/Buttons/Button.swift
index 6c1b46b66..0af330fff 100644
--- a/Sources/TokamakDOM/Views/Buttons/Button.swift
+++ b/Sources/TokamakDOM/Views/Buttons/Button.swift
@@ -17,14 +17,22 @@
 
 import TokamakCore
 import TokamakStaticHTML
+import JavaScriptKit
 
 extension _Button: DOMPrimitive {
   @_spi(TokamakCore)
   public var renderedBody: AnyView {
     let listeners: [String: Listener] = [
-      "pointerdown": { _ in isPressed = true },
+      // Only fires on down *inside*. Set both to true.
+      "pointerdown": { _ in isPressed = (down: true, inside: true) },
+      "pointerenter": {
+        // See https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons#value
+        let buttons: UInt32? = $0.buttons.fromJSValue()
+        isPressed = (down: buttons != 0, inside: true)
+      },
+      "pointerleave": { _ in isPressed.inside = false },
       "pointerup": { _ in
-        isPressed = false
+        isPressed.down = false
         action()
       },
     ]