From 101997b787282e60062fc6c7f662dbdcd97a761f Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Fri, 20 Jan 2023 10:03:11 -0800
Subject: [PATCH] Fix bug where eject button active state was not shown

---
 packages/webamp/js/components/MainWindow/Eject.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/webamp/js/components/MainWindow/Eject.tsx b/packages/webamp/js/components/MainWindow/Eject.tsx
index 8faa61a6..99b96ff3 100644
--- a/packages/webamp/js/components/MainWindow/Eject.tsx
+++ b/packages/webamp/js/components/MainWindow/Eject.tsx
@@ -2,10 +2,17 @@ import { memo } from "react";
 
 import * as Actions from "../../actionCreators";
 import { useActionCreator } from "../../hooks";
+import WinampButton from "../WinampButton";
 
 const Eject = memo(() => {
   const openMediaFileDialog = useActionCreator(Actions.openMediaFileDialog);
-  return <div id="eject" onClick={openMediaFileDialog} title="Open File(s)" />;
+  return (
+    <WinampButton
+      id="eject"
+      onClick={openMediaFileDialog}
+      title="Open File(s)"
+    />
+  );
 });
 
 export default Eject;