diff --git a/frontend/src/pages/relay/ProjectReposPage.vue b/frontend/src/pages/relay/ProjectReposPage.vue
index f433d44..4d79503 100644
--- a/frontend/src/pages/relay/ProjectReposPage.vue
+++ b/frontend/src/pages/relay/ProjectReposPage.vue
@@ -197,10 +197,23 @@ async function unlinkRepo(repo: ApiRepo) {
 
       <!-- 안내 + 연동 버튼 -->
       <div class="repos-head">
-        <p class="lede">
-          이 프로젝트에 코드 저장소를 연동하면 업무를 코드 변경과 연결해 관리할 수 있습니다.
-          한 프로젝트에 여러 저장소를 연동할 수 있습니다.
-        </p>
+        <div class="tab-note">
+          <svg
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <circle
+              cx="12"
+              cy="12"
+              r="10"
+            /><path d="M12 16v-4M12 8h.01" />
+          </svg>
+          이 프로젝트에 코드 저장소를 연동하면 업무를 코드 변경과 연결해 관리할 수 있습니다. 한 프로젝트에 여러 저장소를 연동할 수 있습니다.
+        </div>
         <button
           v-if="canManage && !showForm"
           class="btn primary"
@@ -451,15 +464,24 @@ async function unlinkRepo(repo: ApiRepo) {
 }
 .repos-head {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 1rem;
   margin: 1.125rem 0 1rem;
 }
-.lede {
+/* 멤버 탭 가이드(.tab-note)와 동일한 형식 */
+.tab-note {
   flex: 1;
-  color: var(--text-2);
-  font-size: 0.844rem;
-  line-height: 1.6;
+  font-size: 0.781rem;
+  color: var(--text-3);
+  display: flex;
+  align-items: center;
+  gap: 0.4375rem;
+}
+.tab-note svg {
+  width: 0.875rem;
+  height: 0.875rem;
+  color: var(--text-3);
+  flex-shrink: 0;
 }
 .btn {
   height: 2.25rem;