diff --git a/client/src/components/video-panel.tsx b/client/src/components/video-panel.tsx
index cca48eeb..598c6fe7 100644
--- a/client/src/components/video-panel.tsx
+++ b/client/src/components/video-panel.tsx
@@ -78,6 +78,7 @@ function VideoPanel(): JSX.Element {
               key={`${id}-${i}`}
               style={{ display: "inline-block", position: "relative" }}
             >
+              <LoadingSpinner mentor={id} />
               <div
                 style={{ position: "absolute", right: 0, top: 5, zIndex: 2 }}
               >
@@ -102,7 +103,6 @@ function VideoPanel(): JSX.Element {
                 onClick={() => onClick(id)}
               >
                 <VideoThumbnail mentor={id} />
-                <LoadingSpinner mentor={id} />
                 <MessageStatus mentor={id} />
               </button>
             </div>
diff --git a/client/src/styles/layout.css b/client/src/styles/layout.css
index 7b779f69..835bfc4e 100644
--- a/client/src/styles/layout.css
+++ b/client/src/styles/layout.css
@@ -102,9 +102,9 @@ body {
 
 .spinner {
   position: absolute;
-  left: 50%;
-  bottom: 15px;
-  transform: translateX(-50%);
+  top: 25%;
+  left: 25%;
+  transform: translate(-50%, -50%);
 }
 
 .message-notice {