Fix Loading

hack4impact-uiuc · Jan 3, 2025 · 8c86f27 · 8c86f27
1 parent 2972d98
commit 8c86f27
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/frontend/src/components/MessagesSidebar.js b/frontend/src/components/MessagesSidebar.js
@@ -70,11 +70,16 @@ function MessagesSidebar(props) {
     }
   }
   return (
-    <Spin spinning={props.loading}>
-      <Sider
-        style={{ background: "white" }}
-        width={400}
-        className="messages-sidebar-background"
+    <Sider
+      style={{ background: "white" }}
+      width={400}
+      className="messages-sidebar-background"
+    >
+      <Spin
+        wrapperClassName={css`
+          width: 100%;
+        `}
+        spinning={props.loading}
       >
         <div className="messages-sidebar-header">
           <h1>{t("messages.sidebarTitle")}</h1>
@@ -129,8 +134,8 @@ function MessagesSidebar(props) {
               }
             })}
         </div>
-      </Sider>
-    </Spin>
+      </Spin>
+    </Sider>
   );
 }