diff --git a/src/App.css b/src/App.css
index 84bb956..68e0cfa 100644
--- a/src/App.css
+++ b/src/App.css
@@ -120,6 +120,11 @@ button {
   color: rgb(255, 0, 0);
 }
 
+.timing-buttons.not-central .intro,
+.timing-buttons.not-central .outro {
+  opacity: 0.2;
+}
+
 .timing-buttons.text-light > * {
   color: white;
 }
diff --git a/src/showplanner/Player.tsx b/src/showplanner/Player.tsx
index f5070eb..e001d83 100644
--- a/src/showplanner/Player.tsx
+++ b/src/showplanner/Player.tsx
@@ -114,7 +114,11 @@ function TimingButtons({ id }: { id: number }) {
   return (
     <div
       className={
-        "timing-buttons" + (showDeleteMenu ? " bg-dark text-light" : "")
+        "timing-buttons " +
+        (state.loadedItem && state.loadedItem.type !== "central"
+          ? "not-central"
+          : "") +
+        (showDeleteMenu ? " bg-dark text-light" : "")
       }
     >
       <div className="label">{showDeleteMenu ? "Delete:" : "Set"} Marker:</div>