diff --git a/frontend/src/sass/leaderboards.scss b/frontend/src/sass/leaderboards.scss
index c86c37e21..c588eac3e 100644
--- a/frontend/src/sass/leaderboards.scss
+++ b/frontend/src/sass/leaderboards.scss
@@ -1,16 +1,4 @@
 #leaderboardsWrapper {
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.75);
-  position: fixed;
-  left: 0;
-  top: 0;
-  z-index: 1000;
-  display: grid;
-  justify-content: center;
-  align-items: center;
-  padding: 5rem 0;
-
   #leaderboards {
     width: 85vw;
     // height: calc(95vh - 5rem);
diff --git a/frontend/static/index.html b/frontend/static/index.html
index cf7408099..d82eaa06a 100644
--- a/frontend/static/index.html
+++ b/frontend/static/index.html
@@ -616,7 +616,7 @@
         <div class="button"><i class="fas fa-plus"></i></div>
       </div>
     </div>
-    <div id="leaderboardsWrapper" class="hidden">
+    <div id="leaderboardsWrapper" class="popupWrapper hidden">
       <div id="leaderboards">
         <div class="leaderboardsTop">
           <div class="mainTitle">Leaderboards</div>