diff --git a/src/screens/Classroom/Header/index.js b/src/screens/Classroom/Header/index.js
index 134f5ac..6a4a1a8 100644
--- a/src/screens/Classroom/Header/index.js
+++ b/src/screens/Classroom/Header/index.js
@@ -18,6 +18,7 @@ function Header({
   classroom,
   selectedTabOption,
   onSelectTabOption,
+  isLoading,
 }) {
   const { title, paper, tabs, avatar, tooltip } = styles[layoutType];
   return classroom === null ? (
@@ -46,7 +47,11 @@ function Header({
           sx={tabs}
         >
           {Object.values(TAB_OPTIONS).map(option => (
-            <Tab key={option.value} label={option.lable} />
+            <Tab
+              key={option.value}
+              label={option.lable}
+              disabled={isLoading && option.value !== selectedTabOption}
+            />
           ))}
         </Tabs>
       </Paper>
diff --git a/src/screens/Classroom/View.js b/src/screens/Classroom/View.js
index add5469..675e697 100644
--- a/src/screens/Classroom/View.js
+++ b/src/screens/Classroom/View.js
@@ -15,6 +15,7 @@ function View({
   announcementsTabData,
   assignmentsTabData,
   peopleTabData,
+  isLoading,
 }) {
   const { container } = styles[layoutType];
   return (
@@ -24,6 +25,7 @@ function View({
         classroom={classroom}
         selectedTabOption={selectedTabOption}
         onSelectTabOption={onSelectTabOption}
+        isLoading={isLoading}
       />
       <AnnouncementsTab
         layoutType={layoutType}
diff --git a/src/screens/Classroom/index.js b/src/screens/Classroom/index.js
index b3bf5d3..7410515 100644
--- a/src/screens/Classroom/index.js
+++ b/src/screens/Classroom/index.js
@@ -119,6 +119,7 @@ function Classroom() {
       peopleTabData={
         tabData && tabData.tab === 'people' ? tabData : { state: 'gone' }
       }
+      isLoading={tabData && tabData.state === 'loading'}
     />
   );
 }