diff --git a/management/src/components/ExamGridProctor.tsx b/management/src/components/ExamGridProctor.tsx
index 1f08fa3..61ac33d 100644
--- a/management/src/components/ExamGridProctor.tsx
+++ b/management/src/components/ExamGridProctor.tsx
@@ -254,7 +254,7 @@ export const ExamGridProctor: React.FC<ExamGridProctorProps> = ({
   };
 
   return (
-    <div className="grid-proctor-container" ref={gridContainerRef}>
+    <div className={`grid-proctor-container ${isFullscreen ? 'fullscreen-active' : ''}`} ref={gridContainerRef}>
       <div className="grid-proctor-toolbar">
         <div className="grid-proctor-toolbar-left">
           <div className="search-input-wrapper">
diff --git a/management/src/index.css b/management/src/index.css
index a5c8c75..531e70b 100644
--- a/management/src/index.css
+++ b/management/src/index.css
@@ -6100,3 +6100,82 @@ input:checked + .slider:before {
   }
 }
 
+/* Fullscreen theme overrides */
+.grid-proctor-container.fullscreen-active,
+.grid-proctor-container:fullscreen {
+  padding: 2rem !important;
+  background: #121214 !important;
+  color: #e4e4eb !important;
+}
+
+.grid-proctor-container.fullscreen-active .grid-proctor-toolbar,
+.grid-proctor-container:fullscreen .grid-proctor-toolbar {
+  background: #121214 !important;
+  border-bottom: 1px solid #2e2e38 !important;
+  top: -2rem !important;
+  padding-top: 2rem !important;
+  margin-top: -2rem !important;
+}
+
+.grid-proctor-container.fullscreen-active .checkbox-label,
+.grid-proctor-container:fullscreen .checkbox-label {
+  color: #e4e4eb !important;
+}
+
+.grid-proctor-container.fullscreen-active .grid-cols-selector span,
+.grid-proctor-container:fullscreen .grid-cols-selector span {
+  color: #a0a0b0 !important;
+}
+
+.grid-proctor-container.fullscreen-active select,
+.grid-proctor-container:fullscreen select {
+  background-color: #1e1e24 !important;
+  color: #e4e4eb !important;
+  border-color: #2e2e38 !important;
+}
+
+.grid-proctor-container.fullscreen-active .grid-proctor-card,
+.grid-proctor-container:fullscreen .grid-proctor-card {
+  background: #1e1e24 !important;
+  border-color: #2e2e38 !important;
+}
+
+.grid-proctor-container.fullscreen-active .grid-proctor-card-header,
+.grid-proctor-container:fullscreen .grid-proctor-card-header {
+  background: #242b3b !important;
+  border-bottom: 1px solid #2e2e38 !important;
+  color: #e4e4eb !important;
+}
+
+.grid-proctor-container.fullscreen-active .student-name,
+.grid-proctor-container:fullscreen .student-name {
+  color: #e4e4eb !important;
+}
+
+.grid-proctor-container.fullscreen-active .student-code,
+.grid-proctor-container:fullscreen .student-code {
+  color: #ff7875 !important;
+}
+
+.grid-proctor-container.fullscreen-active .grid-proctor-card-footer,
+.grid-proctor-container:fullscreen .grid-proctor-card-footer {
+  background: #242b3b !important;
+  border-top: 1px solid #2e2e38 !important;
+  color: #a0a0b0 !important;
+}
+
+.grid-proctor-container.fullscreen-active .assigned-paper,
+.grid-proctor-container:fullscreen .assigned-paper {
+  color: #d9d9d9 !important;
+}
+
+.grid-proctor-container.fullscreen-active .grid-proctor-pagination,
+.grid-proctor-container:fullscreen .grid-proctor-pagination {
+  border-top: 1px solid #2e2e38 !important;
+}
+
+.grid-proctor-container.fullscreen-active .grid-proctor-pagination span,
+.grid-proctor-container:fullscreen .grid-proctor-pagination span {
+  color: #e4e4eb !important;
+}
+