Prevent screen jittering by scrollbar gutter

public/stylesheets/styles.css

@@ -1,5 +1,4 @@
 html {
-  overflow: hidden;
   width: 100%;
   height: 100%;
   scrollbar-color: grey transparent;
@@ -40,6 +39,7 @@ html {
 /* css vars */
 
 #ui {
+  overflow: overlay;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2760,7 +2760,7 @@ br {
 .l-speedrun-milestone-tab {
   display: flex;
   flex-flow: row wrap;
-  width: 100%;
+  width: 95%;
   justify-content: center;
   align-items: center;
   margin: auto;
@@ -3246,6 +3246,7 @@ br {
   flex-flow: row wrap;
   width: 90rem;
   justify-content: center;
+  padding-right: 1rem;
 }
 
 .l-challenge-grid__cell {

src/components/SpeedrunStatus.vue

@@ -115,7 +115,7 @@ export default {
 .c-speedrun-status {
   white-space: nowrap;
   position: absolute;
-  right: 1rem;
+  right: 2rem;
   bottom: 1rem;
   z-index: 5;
   font-size: 1.2rem;

src/components/tabs/celestial-pelle/PelleBarPanel.vue

@@ -82,7 +82,7 @@ export default {
 .l-pelle-panel-container {
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  margin: 1rem;
+  margin: 1.6rem;
   padding: 1rem;
   -webkit-user-select: none;
   user-select: none;

src/components/tabs/celestial-pelle/PelleGalaxyGeneratorPanel.vue

@@ -172,7 +172,7 @@ export default {
 .l-pelle-panel-container {
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  margin: 1rem;
+  margin: 1.6rem;
   padding: 1rem;
   -webkit-user-select: none;
   user-select: none;

src/components/tabs/celestial-pelle/PelleUpgradePanel.vue

@@ -154,7 +154,7 @@ export default {
 .l-pelle-panel-container {
   border: var(--var-border-width, 0.2rem) solid var(--color-pelle--base);
   border-radius: var(--var-border-radius, 0.5rem);
-  margin: 1rem;
+  margin: 1.6rem;
   padding: 1rem;
   -webkit-user-select: none;
   user-select: none;