diff --git a/ts/graphs/Graph.svelte b/ts/graphs/Graph.svelte
index 4a86c39fc..530376c0f 100644
--- a/ts/graphs/Graph.svelte
+++ b/ts/graphs/Graph.svelte
@@ -9,8 +9,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     export let subtitle: string | null = null;
 </script>
 
-<TitledContainer {title}>
-    <div class="graph">
+<TitledContainer class="d-flex flex-column" {title}>
+    <div class="graph d-flex flex-grow-1 flex-column justify-content-center">
         {#if subtitle}
             <div class="subtitle">{subtitle}</div>
         {/if}
diff --git a/ts/graphs/GraphsPage.svelte b/ts/graphs/GraphsPage.svelte
index 55f02a3f3..dad643365 100644
--- a/ts/graphs/GraphsPage.svelte
+++ b/ts/graphs/GraphsPage.svelte
@@ -56,9 +56,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <style lang="scss">
     .graphs-container {
         display: grid;
-        gap: 1.5em;
-        grid-template-columns: 50% 50%;
+        gap: 1em;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
 
+        @media only screen and (max-width: 1400px) {
+            grid-template-columns: 50% 50%;
+        }
         @media only screen and (max-width: 1200px) {
             grid-template-columns: 100%;
         }