diff --git a/src/components/PRGradingScreen/InlinePRSummary.jsx b/src/components/PRGradingScreen/InlinePRSummary.jsx
new file mode 100644
index 0000000000..9ef3651887
--- /dev/null
+++ b/src/components/PRGradingScreen/InlinePRSummary.jsx
@@ -0,0 +1,109 @@
+import PropTypes from 'prop-types';
+import styles from './PRGradingScreen.module.css';
+
+const GRADE_OPTIONS = [
+  { label: 'Exceptional', value: 'Exceptional' },
+  { label: 'Okay', value: 'Okay' },
+  { label: 'Unsatisfactory', value: 'Unsatisfactory' },
+  { label: 'Cannot find image', value: 'No Correct Image' },
+];
+
+const InlinePRSummary = ({ reviewer, onGradeChange, isFinalized, darkMode }) => {
+  const dm = darkMode ? styles['dark-mode'] : '';
+
+  if (!reviewer.gradedPrs || reviewer.gradedPrs.length === 0) {
+    return null;
+  }
+
+  return (
+    <tr className={styles['pr-grading-inline-summary-row']}>
+      <td colSpan={4} className={styles['pr-grading-inline-summary-cell']}>
+        <div className={`${styles['pr-grading-inline-summary-container']} ${dm}`}>
+          <table className={`${styles['pr-grading-inline-summary-table']} ${dm}`}>
+            <thead>
+              <tr>
+                <th
+                  className={`${styles['pr-grading-inline-header-cell']} ${styles['pr-grading-inline-pr-col']} ${dm}`}
+                >
+                  PR Number
+                </th>
+                {GRADE_OPTIONS.map(opt => (
+                  <th
+                    key={opt.value}
+                    className={`${styles['pr-grading-inline-header-cell']} ${styles['pr-grading-inline-grade-col']} ${dm}`}
+                  >
+                    {opt.label}
+                  </th>
+                ))}
+              </tr>
+            </thead>
+            <tbody>
+              {reviewer.gradedPrs.map(pr => {
+                const isPair = pr.prNumbers.includes('+');
+                return (
+                  <tr key={pr.id} className={styles['pr-grading-inline-item-row']}>
+                    <td
+                      className={`${styles['pr-grading-inline-data-cell']} ${styles['pr-grading-inline-pr-cell']} ${dm}`}
+                    >
+                      <span
+                        className={`${styles['pr-grading-inline-pr-tag']} ${
+                          isPair
+                            ? styles['pr-grading-inline-pair-tag']
+                            : styles['pr-grading-inline-single-tag']
+                        } ${dm}`}
+                      >
+                        {pr.prNumbers}
+                      </span>
+                    </td>
+                    {GRADE_OPTIONS.map(opt => {
+                      const isChecked =
+                        pr.grade === opt.value ||
+                        (opt.value === 'No Correct Image' && pr.grade === 'Cannot find image');
+                      return (
+                        <td
+                          key={opt.value}
+                          className={`${styles['pr-grading-inline-data-cell']} ${styles['pr-grading-pr-grading-inline-checkbox-cell']} ${dm}`}
+                        >
+                          <input
+                            type="checkbox"
+                            checked={isChecked}
+                            disabled={isFinalized}
+                            onChange={() => onGradeChange(reviewer.id, pr.id, opt.value)}
+                            className={styles['pr-grading-inline-checkbox']}
+                            aria-label={`${pr.prNumbers} ${opt.label}`}
+                          />
+                        </td>
+                      );
+                    })}
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
+      </td>
+    </tr>
+  );
+};
+
+InlinePRSummary.propTypes = {
+  reviewer: PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    gradedPrs: PropTypes.arrayOf(
+      PropTypes.shape({
+        id: PropTypes.string.isRequired,
+        prNumbers: PropTypes.string.isRequired,
+        grade: PropTypes.string,
+      }),
+    ).isRequired,
+  }).isRequired,
+  onGradeChange: PropTypes.func.isRequired,
+  isFinalized: PropTypes.bool.isRequired,
+  darkMode: PropTypes.bool,
+};
+
+InlinePRSummary.defaultProps = {
+  darkMode: false,
+};
+
+export default InlinePRSummary;
diff --git a/src/components/PRGradingScreen/PRGradingScreen.jsx b/src/components/PRGradingScreen/PRGradingScreen.jsx
index 4c96cf1d2f..cf0c9270cb 100644
--- a/src/components/PRGradingScreen/PRGradingScreen.jsx
+++ b/src/components/PRGradingScreen/PRGradingScreen.jsx
@@ -1,9 +1,10 @@
+import React, { useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
-import { useMemo, useState } from 'react';
 import { Button, Card, Col, Container, Row } from 'react-bootstrap';
 import { useSelector } from 'react-redux';
 import { v4 as uuidv4 } from 'uuid';
 import styles from './PRGradingScreen.module.css';
+import InlinePRSummary from './InlinePRSummary';
 
 const PRGradingScreen = ({ teamData, reviewers }) => {
   const darkMode = useSelector(state => state.theme.darkMode);
@@ -197,77 +198,86 @@ const PRGradingScreen = ({ teamData, reviewers }) => {
                       </td>
                     </tr>
                   ) : (
+                    /* Render each reviewer row followed by its inline summary component using React.Fragment */
                     filteredReviewers.map(reviewer => (
-                      <tr key={reviewer.id}>
-                        <td>{reviewer.reviewer}</td>
-
-                        <td>
-                          <input
-                            type="number"
-                            value={reviewer.gradedPrs.length}
-                            readOnly
-                            disabled={isFinalized}
-                            className={`${styles['pr-grading-screen-pr-input']} ${dm}`}
-                          />
-                        </td>
+                      <React.Fragment key={reviewer.id}>
+                        <tr>
+                          <td>{reviewer.reviewer}</td>
+
+                          <td>
+                            <input
+                              type="number"
+                              value={reviewer.gradedPrs.length}
+                              readOnly
+                              disabled={isFinalized}
+                              className={`${styles['pr-grading-screen-pr-input']} ${dm}`}
+                            />
+                          </td>
+
+                          <td>{reviewer.prsNeeded}</td>
+
+                          <td className={styles['pr-grading-screen-td-numbers']}>
+                            {reviewer.gradedPrs.map(pr => (
+                              <span
+                                key={pr.id}
+                                role="button"
+                                tabIndex={0}
+                                className={`${styles['pr-grading-screen-pr-number']} ${
+                                  pr.prNumbers.includes('+') ? styles['pr-grading-screen-pair'] : ''
+                                } ${dm}`}
+                                onClick={() => handlePRNumberClick(reviewer.id)}
+                                onKeyDown={e => {
+                                  if (e.key === 'Enter' || e.key === ' ') {
+                                    e.preventDefault();
+                                    handlePRNumberClick(reviewer.id);
+                                  }
+                                }}
+                              >
+                                {pr.prNumbers}
+                              </span>
+                            ))}
 
-                        <td>{reviewer.prsNeeded}</td>
-
-                        <td className={styles['pr-grading-screen-td-numbers']}>
-                          {reviewer.gradedPrs.map(pr => (
-                            <span
-                              key={pr.id}
-                              role="button"
-                              tabIndex={0}
-                              className={`${styles['pr-grading-screen-pr-number']} ${
-                                pr.prNumbers.includes('+') ? styles['pr-grading-screen-pair'] : ''
-                              } ${dm}`}
-                              onClick={() => handlePRNumberClick(reviewer.id)}
-                              onKeyDown={e => {
-                                if (e.key === 'Enter' || e.key === ' ') {
-                                  e.preventDefault();
-                                  handlePRNumberClick(reviewer.id);
-                                }
-                              }}
-                            >
-                              {pr.prNumbers}
-                            </span>
-                          ))}
-
-                          {!isFinalized && activeInput !== reviewer.id && (
-                            <Button
-                              variant="success"
-                              size="sm"
-                              className={styles['pr-grading-screen-add-btn']}
-                              onClick={() => handleAddNewClick(reviewer.id)}
-                            >
-                              + Add new
-                            </Button>
-                          )}
-
-                          {!isFinalized && activeInput === reviewer.id && (
-                            <div className={styles['pr-grading-screen-input-container']}>
-                              <input
-                                type="text"
-                                value={inputValue}
-                                onChange={e => setInputValue(e.target.value)}
-                                className={styles['pr-grading-screen-pr-number-input']}
-                                placeholder="1070 or 1070 + 1256"
-                              />
+                            {!isFinalized && activeInput !== reviewer.id && (
                               <Button
-                                variant="primary"
+                                variant="success"
                                 size="sm"
-                                onClick={() => handleInputSubmit(reviewer.id)}
+                                className={styles['pr-grading-screen-add-btn']}
+                                onClick={() => handleAddNewClick(reviewer.id)}
                               >
-                                Add
-                              </Button>
-                              <Button variant="secondary" size="sm" onClick={handleCancel}>
-                                Cancel
+                                + Add new
                               </Button>
-                            </div>
-                          )}
-                        </td>
-                      </tr>
+                            )}
+
+                            {!isFinalized && activeInput === reviewer.id && (
+                              <div className={styles['pr-grading-screen-input-container']}>
+                                <input
+                                  type="text"
+                                  value={inputValue}
+                                  onChange={e => setInputValue(e.target.value)}
+                                  className={styles['pr-grading-screen-pr-number-input']}
+                                  placeholder="1070 or 1070 + 1256"
+                                />
+                                <Button
+                                  variant="primary"
+                                  size="sm"
+                                  onClick={() => handleInputSubmit(reviewer.id)}
+                                >
+                                  Add
+                                </Button>
+                                <Button variant="secondary" size="sm" onClick={handleCancel}>
+                                  Cancel
+                                </Button>
+                              </div>
+                            )}
+                          </td>
+                        </tr>
+                        <InlinePRSummary
+                          reviewer={reviewer}
+                          onGradeChange={handleGradeChange}
+                          isFinalized={isFinalized}
+                          darkMode={darkMode}
+                        />
+                      </React.Fragment>
                     ))
                   )}
                 </tbody>
diff --git a/src/components/PRGradingScreen/PRGradingScreen.module.css b/src/components/PRGradingScreen/PRGradingScreen.module.css
index 0f844c9691..c26d01127a 100644
--- a/src/components/PRGradingScreen/PRGradingScreen.module.css
+++ b/src/components/PRGradingScreen/PRGradingScreen.module.css
@@ -81,8 +81,6 @@
   margin-bottom: 20px;
 }
 
-
-
 /* Table Styles */
 .pr-grading-screen-table-container {
   margin: 20px auto 0;
@@ -518,49 +516,47 @@
   font-weight: 600;
 }
 
-
-
 /* Responsive adjustments */
 @media (width <= 768px) {
   .pr-grading-screen-title {
     font-size: 1.5rem;
   }
-  
+
   .pr-grading-screen-team-info {
     font-size: 1rem;
   }
-  
+
   .pr-grading-screen-container {
     padding: 10px;
   }
-  
+
   .pr-grading-screen-header-content {
     flex-direction: column;
     gap: 15px;
   }
-  
+
   .pr-grading-screen-header-right {
     margin-left: 0;
     align-self: flex-end;
   }
-  
+
   .pr-grading-screen-table {
     font-size: 0.9rem;
   }
-  
+
   .pr-grading-screen-table th,
   .pr-grading-screen-table td {
     padding: 10px 8px;
   }
-  
+
   .pr-grading-screen-td-name {
     width: 20%;
   }
-  
+
   .pr-grading-screen-td-numbers {
     width: 60%;
   }
-  
+
   .pr-grading-screen-pr-input {
     width: 50px;
     padding: 3px 6px;
@@ -1006,4 +1002,113 @@
 
 .pr-grading-screen-no-results.dark-mode {
   color: #9ab0cc;
-}
\ No newline at end of file
+}
+
+/* ---------------- INLINE PR SUMMARY ---------------- */
+
+.pr-grading-inline-summary-row {
+  background-color: transparent;
+}
+
+.pr-grading-inline-summary-cell {
+  padding: 8px 16px 16px !important;
+  border-top: none !important;
+}
+
+/* ==========================================================
+   Inline PR Summary Styles (PR #5493)
+   Scoped strictly with pr-grading-inline-* to avoid global pollution
+   ========================================================== */
+
+.pr-grading-inline-summary-container {
+  padding: 16px 20px;
+  background-color: #fff;
+  border: 1px solid rgb(0 0 0 / 12%);
+  border-radius: 8px;
+  box-shadow: 0 2px 6px rgb(0 0 0 / 4%);
+}
+
+/* Dark mode support for inline summary container */
+.pr-grading-inline-summary-container.dark-mode {
+  background-color: #2b2b2b;
+  border-color: rgb(255 255 255 / 15%);
+  box-shadow: none;
+}
+
+.pr-grading-inline-summary-table {
+  width: 100%;
+  margin-bottom: 0;
+  border-collapse: collapse;
+}
+
+.pr-grading-inline-header-cell {
+  padding: 8px 12px;
+  font-size: 13px;
+  font-weight: 600;
+  color: #555;
+  text-align: center;
+  border-bottom: 1px solid rgb(0 0 0 / 8%);
+}
+
+.pr-grading-inline-header-cell.dark-mode {
+  color: #bbb;
+  border-bottom-color: rgb(255 255 255 / 10%);
+}
+
+.pr-grading-inline-header-cell.pr-grading-inline-pr-col {
+  text-align: left;
+}
+
+.pr-grading-inline-data-cell {
+  padding: 10px 12px;
+  vertical-align: middle;
+  border-top: 1px solid rgb(0 0 0 / 5%);
+}
+
+.pr-grading-inline-data-cell.dark-mode {
+  border-top-color: rgb(255 255 255 / 5%);
+}
+
+.pr-grading-inline-pr-cell {
+  width: 25%;
+  text-align: left;
+}
+
+.pr-grading-inline-pr-tag {
+  display: inline-block;
+  padding: 3px 10px;
+  font-size: 13px;
+  font-weight: 500;
+  border-radius: 4px;
+}
+
+.pr-grading-inline-single-tag {
+  color: #333;
+  background-color: #e5e5e5;
+}
+
+.pr-grading-inline-single-tag.dark-mode {
+  color: #eee;
+  background-color: #444;
+}
+
+.pr-grading-inline-pair-tag {
+  color: #155724;
+  background-color: #c3e6cb;
+}
+
+.pr-grading-inline-pair-tag.dark-mode {
+  color: #a3e9b7;
+  background-color: #1b4d29;
+}
+
+.pr-grading-inline-checkbox-cell {
+  text-align: center;
+}
+
+.pr-grading-inline-checkbox {
+  width: 17px;
+  height: 17px;
+  cursor: pointer;
+  accent-color: #59359a;
+}