diff --git a/src/APIFunctions/SCEvents.js b/src/APIFunctions/SCEvents.js
index 2d4ffafff..a8a83e556 100644
--- a/src/APIFunctions/SCEvents.js
+++ b/src/APIFunctions/SCEvents.js
@@ -1,7 +1,6 @@
 import { ApiResponse } from './ApiResponses';
 
 const SCEVENTS_API_URL = 'http://localhost:8002';
-
 export async function getAllSCEvents() {
   const status = new ApiResponse();
   try {
@@ -55,3 +54,25 @@ export async function createSCEvent(eventBody) {
   }
   return status;
 }
+
+export async function updateSCEvent(id, userId, eventUpdates) {
+  const status = new ApiResponse();
+  try {
+    const res = await fetch(`${SCEVENTS_API_URL}/events/${id}?user_id=${userId}`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(eventUpdates),
+    });
+    const body = await res.json();
+    status.responseData = body;
+    if (!res.ok) {
+      status.error = true;
+    }
+  } catch (err) {
+    status.error = true;
+    status.responseData = err;
+  }
+  return status;
+}
diff --git a/src/Pages/Events/CreateEventPage.js b/src/Pages/Events/CreateEventPage.js
index 6c65efe80..a76d04fb6 100644
--- a/src/Pages/Events/CreateEventPage.js
+++ b/src/Pages/Events/CreateEventPage.js
@@ -238,8 +238,8 @@ export default function CreateEventPage() {
   return (
     <div className="m-10 max-w-4xl px-4 sm:px-6">
       <div className="mb-8 pt-8 pb-2">
-        <Link to="/events" className="block pb-3 text-sm link link-primary">
-          ← Events
+        <Link to="/events" className="btn btn-ghost normal-case text-base pl-0 mb-4 font-medium text-gray-400 hover:text-white hover:bg-transparent">
+          ← Back to Events
         </Link>
         <h1 className="pb-3 text-4xl font-extrabold leading-tight tracking-tight text-gray-900 md:text-5xl dark:text-white">
           Create event
diff --git a/src/Pages/Events/EditEventPage.js b/src/Pages/Events/EditEventPage.js
new file mode 100644
index 000000000..47859621c
--- /dev/null
+++ b/src/Pages/Events/EditEventPage.js
@@ -0,0 +1,400 @@
+/* eslint-disable camelcase -- mirrors SCEvents JSON field names in state and payloads */
+import React, { useMemo, useState, useEffect } from 'react';
+import { Link, useHistory, useParams } from 'react-router-dom';
+import { useSCE } from '../../Components/context/SceContext.js';
+import { getEventByID, updateSCEvent } from '../../APIFunctions/SCEvents.js';
+import CreateEventFormQuestionBlock from './CreateEventFormQuestionBlock.js';
+import { membershipState } from '../../Enums';
+
+/** Matches SCEvents `max_attendees` when there is no cap. */
+const UNLIMITED_ATTENDEES = -1;
+
+function newQuestionTemplate() {
+  return {
+    id: crypto.randomUUID(),
+    type: 'textbox',
+    question: '',
+    required: false,
+    answer_details: { max_chars: 200 },
+  };
+}
+
+function toApiRegistrationForm(questions) {
+  return questions.map((q) => {
+    const base = {
+      id: q.id,
+      type: q.type,
+      question: q.question,
+      required: !!q.required,
+    };
+    if (q.type === 'textbox' && q.answer_details?.max_chars) {
+      base.answer_details = { max_chars: q.answer_details.max_chars };
+    }
+    if (
+      (q.type === 'multiple_choice' || q.type === 'dropdown') &&
+      q.answer_options &&
+      q.answer_options.length
+    ) {
+      base.answer_options = q.answer_options;
+    }
+    return base;
+  });
+}
+
+export default function EditEventPage() {
+  const { id } = useParams();
+  const { user } = useSCE();
+  const history = useHistory();
+
+  const [isLoading, setIsLoading] = useState(true);
+  const [fetchError, setFetchError] = useState('');
+
+  const [eventName, setEventName] = useState('');
+  const [date, setDate] = useState('');
+  const [time, setTime] = useState('');
+  const [location, setLocation] = useState('');
+  const [description, setDescription] = useState('');
+  const [maxAttendees, setMaxAttendees] = useState(UNLIMITED_ATTENDEES);
+  const [questions, setQuestions] = useState([]);
+  const [eventAdmins, setEventAdmins] = useState([]);
+
+  const [submitError, setSubmitError] = useState('');
+  const [submitting, setSubmitting] = useState(false);
+
+  const isOfficerOrAdmin = user?.accessLevel >= membershipState.OFFICER;
+  const userId = useMemo(() => (user?._id != null ? String(user._id) : ''), [user]);
+
+  useEffect(() => {
+    async function loadEvent() {
+      setIsLoading(true);
+      const result = await getEventByID(id);
+      setIsLoading(false);
+
+      if (result.error) {
+        setFetchError('Failed to load event details.');
+        return;
+      }
+
+      const evt = result.responseData;
+      setEventName(evt.name || '');
+      setDate(evt.date || '');
+      setTime(evt.time || '');
+      setLocation(evt.location || '');
+      setDescription(evt.description || '');
+      setMaxAttendees(evt.max_attendees || UNLIMITED_ATTENDEES);
+      setQuestions(evt.registration_form || []);
+      setEventAdmins(evt.admins || []);
+    }
+    loadEvent();
+  }, [id]);
+
+  function addQuestion() {
+    setQuestions((prev) => [...prev, newQuestionTemplate()]);
+  }
+
+  function removeQuestion(qId) {
+    setQuestions((prev) => prev.filter((q) => q.id !== qId));
+  }
+
+  function updateQuestion(qId, field, value) {
+    setQuestions((prev) =>
+      prev.map((q) => (q.id === qId ? { ...q, [field]: value } : q)),
+    );
+  }
+
+  function updateQuestionType(qId, newType) {
+    setQuestions((prev) =>
+      prev.map((q) => {
+        if (q.id !== qId) return q;
+        const base = {
+          id: q.id,
+          type: newType,
+          question: q.question,
+          required: q.required,
+        };
+        if (newType === 'textbox') {
+          return { ...base, answer_details: { max_chars: 200 } };
+        }
+        if (newType === 'multiple_choice' || newType === 'dropdown') {
+          return { ...base, answer_options: ['Option 1', 'Option 2'] };
+        }
+        return base;
+      }),
+    );
+  }
+
+  function updateAnswerOption(questionId, optionIndex, value) {
+    setQuestions((prev) =>
+      prev.map((q) => {
+        if (q.id !== questionId) return q;
+        const next = [...(q.answer_options || [])];
+        next[optionIndex] = value;
+        return { ...q, answer_options: next };
+      }),
+    );
+  }
+
+  function addAnswerOption(questionId) {
+    setQuestions((prev) =>
+      prev.map((q) => {
+        if (q.id !== questionId) return q;
+        return {
+          ...q,
+          answer_options: [...(q.answer_options || []), 'New option'],
+        };
+      }),
+    );
+  }
+
+  function removeAnswerOption(questionId, optionIndex) {
+    setQuestions((prev) =>
+      prev.map((q) => {
+        if (q.id !== questionId) return q;
+        return {
+          ...q,
+          answer_options: (q.answer_options || []).filter((_, i) => i !== optionIndex),
+        };
+      }),
+    );
+  }
+
+  async function handleUpdateEvent() {
+    setSubmitError('');
+    if (!eventName.trim()) {
+      setSubmitError('Please enter an event name.');
+      return;
+    }
+
+    const payload = {
+      name: eventName.trim(),
+      date,
+      time,
+      location: location.trim(),
+      description: description.trim(),
+      registration_form: toApiRegistrationForm(questions),
+      max_attendees:
+        maxAttendees === UNLIMITED_ATTENDEES ? UNLIMITED_ATTENDEES : Number(maxAttendees),
+    };
+
+    setSubmitting(true);
+    const result = await updateSCEvent(id, userId, payload);
+    setSubmitting(false);
+
+    if (result.error) {
+      let msg = '';
+      const data = result.responseData;
+      if (data && typeof data === 'object' && data.error) {
+        msg = String(data.error);
+      } else if (typeof data === 'string' && data.trim()) {
+        msg = data.trim();
+      }
+      if (!msg && result.statusCode) {
+        msg = `HTTP ${result.statusCode}`;
+      }
+      if (result.networkError) {
+        msg =
+          (msg || 'Network error') +
+          '. Is the SCEvents API running (e.g. Docker on port 8002)?';
+      } else if (!msg) {
+        msg = 'SCEvents returned an error.';
+      }
+      setSubmitError(msg);
+      return;
+    }
+
+    history.push('/events');
+  }
+
+  if (!isOfficerOrAdmin) {
+    return (
+      <div className="m-10">
+        <h1 className="mb-4 text-3xl font-extrabold text-gray-900 dark:text-white">
+          Edit event
+        </h1>
+        <p className="text-gray-600 dark:text-gray-300">
+          Only officers and administrators can edit events.
+        </p>
+        <Link to="/events" className="mt-4 btn btn-primary">
+          Back to events
+        </Link>
+      </div>
+    );
+  }
+
+  if (isLoading) {
+    return <div className="p-10 text-center text-lg">Loading event details...</div>;
+  }
+
+  if (fetchError) {
+    return (
+      <div className="p-10 text-center text-lg text-red-500">
+        {fetchError}
+        <br />
+        <Link to="/events" className="mt-4 btn btn-primary">
+          Back to events
+        </Link>
+      </div>
+    );
+  }
+
+  const isEventAdmin = eventAdmins.includes(userId);
+  if (!isEventAdmin) {
+    return (
+      <div className="m-10">
+        <h1 className="mb-4 text-3xl font-extrabold text-gray-900 dark:text-white">
+          Edit event
+        </h1>
+        <p className="text-gray-600 dark:text-gray-300">
+          You are not an admin of this event.
+        </p>
+        <Link to="/events" className="mt-4 btn btn-primary">
+          Back to events
+        </Link>
+      </div>
+    );
+  }
+
+  return (
+    <div className="mx-auto my-10 max-w-4xl px-4 sm:px-6">
+      <div className="mb-8 pt-8 pb-2">
+        <Link to="/events" className="btn btn-ghost normal-case text-base pl-0 mb-4 font-medium text-gray-400 hover:text-white hover:bg-transparent">
+          ← Back to Events
+        </Link>
+        <h1 className="pb-3 text-4xl font-extrabold leading-tight tracking-tight text-gray-900 md:text-5xl dark:text-white">
+          Edit event
+        </h1>
+        <p className="text-sm text-gray-500 dark:text-gray-400">Event id: {id}</p>
+      </div>
+
+      <h2 className="mb-3 text-xl font-semibold text-gray-900 dark:text-white">Event details</h2>
+      <div className="p-6 mb-10 space-y-4 border border-gray-200 rounded-lg shadow-sm bg-white dark:bg-gray-800 dark:border-gray-700">
+        <label className="w-full form-control">
+          <div className="label">
+            <span className="label-text">Event name *</span>
+          </div>
+          <input
+            type="text"
+            className="w-full text-sm input input-bordered sm:text-base"
+            value={eventName}
+            onChange={(e) => setEventName(e.target.value)}
+            placeholder="Event name"
+          />
+        </label>
+
+        <div className="grid gap-4 sm:grid-cols-2">
+          <label className="w-full form-control">
+            <div className="label">
+              <span className="label-text">Date *</span>
+            </div>
+            <input
+              type="date"
+              className="w-full input input-bordered"
+              value={date}
+              onChange={(e) => setDate(e.target.value)}
+            />
+          </label>
+          <label className="w-full form-control">
+            <div className="label">
+              <span className="label-text">Time *</span>
+            </div>
+            <input
+              type="time"
+              className="w-full input input-bordered"
+              value={time}
+              onChange={(e) => setTime(e.target.value)}
+            />
+          </label>
+        </div>
+
+        <label className="w-full form-control">
+          <div className="label">
+            <span className="label-text">Location</span>
+          </div>
+          <input
+            type="text"
+            className="w-full text-sm input input-bordered sm:text-base"
+            value={location}
+            onChange={(e) => setLocation(e.target.value)}
+            placeholder="Location"
+          />
+        </label>
+
+        <label className="w-full form-control">
+          <div className="label">
+            <span className="label-text">Description</span>
+          </div>
+          <textarea
+            className="w-full min-h-24 textarea textarea-bordered"
+            value={description}
+            onChange={(e) => setDescription(e.target.value)}
+            placeholder="Description"
+          />
+        </label>
+
+        <div>
+          <div className="label">
+            <span className="label-text">Max attendees</span>
+          </div>
+          <input
+            type="number"
+            min="1"
+            className="max-w-xs input input-bordered"
+            value={maxAttendees === UNLIMITED_ATTENDEES ? '' : maxAttendees}
+            onChange={(e) =>
+              setMaxAttendees(
+                e.target.value ? parseInt(e.target.value, 10) : UNLIMITED_ATTENDEES,
+              )
+            }
+            placeholder="No limit"
+          />
+        </div>
+      </div>
+
+      <h2 className="mb-3 text-xl font-semibold text-gray-900 dark:text-white">
+        Registration questions
+      </h2>
+      <div className="mb-6 space-y-3">
+        {questions.map((q, index) => (
+          <CreateEventFormQuestionBlock
+            key={q.id}
+            question={q}
+            index={index}
+            onUpdateField={updateQuestion}
+            onChangeType={updateQuestionType}
+            onRemove={removeQuestion}
+            onUpdateAnswerOption={updateAnswerOption}
+            onAddAnswerOption={addAnswerOption}
+            onRemoveAnswerOption={removeAnswerOption}
+          />
+        ))}
+        <button
+          type="button"
+          className="w-full border-2 border-dashed btn btn-outline border-gray-300 hover:bg-gray-50 dark:hover:bg-gray-800"
+          onClick={addQuestion}
+        >
+          + Add question
+        </button>
+      </div>
+
+      {submitError && (
+        <div className="p-3 mb-4 text-sm text-red-700 bg-red-50 rounded-lg dark:bg-red-900/30 dark:text-red-200">
+          {submitError}
+        </div>
+      )}
+
+      <div className="flex flex-wrap gap-3 justify-start pt-6 border-t border-gray-200 dark:border-gray-700">
+        <button
+          type="button"
+          className="btn btn-primary"
+          disabled={submitting}
+          onClick={handleUpdateEvent}
+        >
+          {submitting ? 'Updating…' : 'Save changes'}
+        </button>
+        <Link to="/events" className="btn btn-ghost">
+          Cancel
+        </Link>
+      </div>
+    </div>
+  );
+}
diff --git a/src/Pages/Events/Events.js b/src/Pages/Events/Events.js
index 228210eb2..cfa3be327 100644
--- a/src/Pages/Events/Events.js
+++ b/src/Pages/Events/Events.js
@@ -56,12 +56,43 @@ function PlusIcon() {
   );
 }
 
-function EventCard({ event }) {
+function EditIcon() {
   return (
-    <div className="group flex flex-col rounded-2xl border border-white/10 bg-white/5 p-6 shadow-md backdrop-blur-sm transition duration-300 hover:-translate-y-1 hover:border-white/20 hover:bg-white/[0.07]">
-      <h2 className="mb-4 text-2xl font-bold text-white">
-        {event.name || 'Untitled Event'}
-      </h2>
+    <svg
+      className="h-5 w-5 flex-shrink-0"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="1.8"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      aria-hidden="true"
+    >
+      <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" />
+      <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" />
+    </svg>
+  );
+}
+
+function EventCard({ event, user }) {
+  const isAdmin = event.admins && user?._id && event.admins.includes(String(user._id));
+
+  return (
+    <div className="group relative flex flex-col rounded-2xl border border-white/10 bg-white/5 p-6 shadow-md backdrop-blur-sm transition duration-300 hover:-translate-y-1 hover:border-white/20 hover:bg-white/[0.07]">
+      <div className="flex items-start justify-between">
+        <h2 className="mb-4 pr-4 text-2xl font-bold text-white">
+          {event.name || 'Untitled Event'}
+        </h2>
+        {isAdmin && (
+          <Link
+            to={`/events/${event.id}/edit`}
+            className="rounded-lg p-2 text-gray-400 hover:bg-white/10 hover:text-emerald-400 transition-colors duration-200"
+            title="Edit Event"
+          >
+            <EditIcon />
+          </Link>
+        )}
+      </div>
 
       <div className="mb-5 space-y-2 text-sm text-gray-300">
         {(event.date || event.time) && (
@@ -188,7 +219,7 @@ export default function EventsPage() {
         {!isLoading && !hasError && events.length > 0 && (
           <div className="grid grid-cols-1 gap-8 md:grid-cols-2 xl:grid-cols-3">
             {events.map((event) => (
-              <EventCard key={event.id} event={event} />
+              <EventCard key={event.id} event={event} user={user} />
             ))}
           </div>
         )}
diff --git a/src/Routes.js b/src/Routes.js
index d29915981..d57d97ad5 100644
--- a/src/Routes.js
+++ b/src/Routes.js
@@ -22,6 +22,7 @@ import PermissionRequestPage from './Pages/PermissionRequest/PermissionRequest.j
 import EventsPage from './Pages/Events/Events.js';
 import CreateEventPage from './Pages/Events/CreateEventPage.js';
 import EventRegistration from './Pages/Events/EventsRegistation.js';
+import EditEventPage from './Pages/Events/EditEventPage.js';
 
 // Declare an enum for permission check
 export const allowedIf = {
@@ -177,6 +178,14 @@ export const officerOrAdminRoutes = [
     redirect: '/',
     inAdminNavbar: true
   },
+  {
+    Component: EditEventPage,
+    path: '/events/:id/edit',
+    pageName: 'Edit Event',
+    allowedIf: allowedIf.OFFICER_OR_ADMIN,
+    redirect: '/',
+    inAdminNavbar: false
+  },
   ...memberRoutes,
 ];