diff --git a/src/App.css b/src/App.css
index b9d355d..d19376f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,5 +1,7 @@
 #root {
-  max-width: 1280px;
+  display: flexbox;
+  place-items: center;
+  width: 100%;
   margin: 0 auto;
   padding: 2rem;
   text-align: center;
diff --git a/src/index.css b/src/index.css
index f681de1..e5c4c7e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -19,9 +19,9 @@ body {
 }
 
 #app {
-  display: flexbox;
-  place-items: center;
+  display: block;
   min-width: 320px;
+  max-width: 1280px;
   min-height: 100vh;
 }
 
@@ -32,7 +32,6 @@ body {
 #alert-box {
   text-align: center;
   height: 50px;
-  min-width: 600px;
 }
 
 @media (prefers-color-scheme: light) {