edit css

components/ContentBox.module.css

@@ -2,12 +2,5 @@
   background-color: rgb(247, 247, 247);
   padding: 30px;
   text-align: right;
-  border-top-right-radius: 30px;
-  border-bottom-right-radius: 30px;
-}
-
-@media only screen and (max-width: 950px) {
-  .wrapper {
-    border-radius: 0;
-  }
+  border-radius: 30px;
 }

components/ErrorScreen.module.css

@@ -1,8 +1,8 @@
 .wrapper {
-  max-width: 260px;
-  text-align: center;
   display: grid;
   place-items: center;
+  max-width: 260px;
+  text-align: center;
 }
 
 .message {

components/LoadingScreen.module.css

@@ -1,5 +1,5 @@
 .wrapper {
-  max-width: 260px;
   display: grid;
   place-items: center;
+  max-width: 260px;
 }

components/MainCard.module.css

@@ -1,4 +1,5 @@
 .wrapper {
+  text-align: center;
   padding: 30px;
 }
 

components/MetricsCard.module.css

@@ -1,7 +1,7 @@
 .wrapper {
   background: rgba(255, 255, 255, 0.95);
-  border-radius: 20px;
   padding: 20px;
+  border-radius: 20px;
 }
 
 .content {

components/Search.module.css

@@ -1,6 +1,6 @@
 .search {
-  margin-bottom: 20px;
   height: 40px;
+  margin-bottom: 20px;
   border: none;
   padding: 0 10px;
   color: #303030;

components/UnitSwitch.module.css

@@ -3,9 +3,9 @@
 }
 
 .switch {
+  display: inline;
   margin: 0 10px;
   cursor: pointer;
-  display: inline;
 }
 
 @media only screen and (max-width: 475px) {