diff --git a/src/features/topics/components/TopicHeader.tsx b/src/features/topics/components/TopicHeader.tsx
index 3923230..6ad1f53 100644
--- a/src/features/topics/components/TopicHeader.tsx
+++ b/src/features/topics/components/TopicHeader.tsx
@@ -23,6 +23,8 @@ type ConfirmedHeaderProps = {
   confirmedTopic: boolean
   confirmedTopicDate: string | null
   progressStatus: MeetingProgressStatus
+  gatheringId: number
+  meetingId: number
 }
 
 type TopicHeaderProps = ProposedHeaderProps | ConfirmedHeaderProps
@@ -114,7 +116,11 @@ export default function TopicHeader(props: TopicHeaderProps) {
 
           <div className="flex gap-xsmall">
             {props.actions.canViewPreOpinions ? (
-              <Button variant="secondary" outline>
+              <Button
+                variant="secondary"
+                outline
+                onClick={() => navigate(ROUTES.PRE_OPINIONS(props.gatheringId, props.meetingId))}
+              >
                 사전 의견 확인하기
               </Button>
             ) : (
@@ -132,7 +138,14 @@ export default function TopicHeader(props: TopicHeaderProps) {
             )}
 
             {props.progressStatus !== 'POST' && (
-              <Button disabled={!props.actions.canWritePreOpinions}>사전 의견 작성하기</Button>
+              <Button
+                disabled={!props.actions.canWritePreOpinions}
+                onClick={() =>
+                  navigate(ROUTES.PRE_OPINION_WRITE(props.gatheringId, props.meetingId))
+                }
+              >
+                사전 의견 작성하기
+              </Button>
             )}
           </div>
         </div>
diff --git a/src/pages/Meetings/MeetingDetailPage.tsx b/src/pages/Meetings/MeetingDetailPage.tsx
index 8ee6d3c..89ddf9f 100644
--- a/src/pages/Meetings/MeetingDetailPage.tsx
+++ b/src/pages/Meetings/MeetingDetailPage.tsx
@@ -219,6 +219,8 @@ export default function MeetingDetailPage() {
                       actions={confirmedTopicsInfiniteData.pages[0].actions}
                       confirmedTopicDate={meeting?.confirmedTopicDate ?? null}
                       progressStatus={meeting?.progressStatus ?? 'PRE'}
+                      gatheringId={gatheringId}
+                      meetingId={meetingId}
                     />
                     <ConfirmedTopicList
                       topics={confirmedTopicsInfiniteData.pages.flatMap(