diff --git a/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts b/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts
index 6280c8ce..7f56588a 100644
--- a/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts
+++ b/src/renderer/src/pages/game-details/hero/hero-panel-actions.css.ts
@@ -1,7 +1,13 @@
 import { style } from "@vanilla-extract/css";
 
-import { vars } from "../../../theme.css";
+import { SPACING_UNIT, vars } from "../../../theme.css";
 
 export const heroPanelAction = style({
   border: `solid 1px ${vars.color.muted}`,
 });
+
+export const separator = style({
+  width: "1px",
+  backgroundColor: vars.color.border,
+  margin: `${SPACING_UNIT / 2}px 0`,
+});
diff --git a/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx b/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
index 21e7c510..ba35e404 100644
--- a/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
+++ b/src/renderer/src/pages/game-details/hero/hero-panel-actions.tsx
@@ -245,6 +245,8 @@ export function HeroPanelActions() {
           <GearIcon />
         </Button>
 
+        <div className={styles.separator} />
+
         {game?.progress === 1 && game?.folderName && (
           <>
             <BinaryNotFoundModal