update css

src/components/ScenariosPage.vue

@@ -42,8 +42,8 @@ getScenarios()
 </script>
 
 <template>
-  <div class="center-block-custom-big content-block">
-    <div class="scenarios-container">
+  <div class="center-block-custom">
+    <div class="width1200 display-table">
       <div class="scenario-block" @click="showAddScenarioModal = true">
         <div class="scenario-image-block scenario-image-plus">+</div>
         <div class="scenario-content-block">
@@ -88,17 +88,6 @@ getScenarios()
 </template>
 
 <style scoped>
-.scenarios-container {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: center;
-  overflow-y: auto;
-  padding: 0;
-  height: calc(100vh - 150px);
-
-  /* border: 1px solid red; */
-}
-
 .scenario-block {
   position: relative;
   margin: 10px;
@@ -152,10 +141,6 @@ getScenarios()
 }
 
 @media (width >=1024px) {
-  .scenarios-container {
-    height: calc(100vh - 70px);
-  }
-
   .scenario-block {
     width: 250px;
     height: 400px;