diff --git a/plugins/genshin/abyss.py b/plugins/genshin/abyss.py
index cbf3f2c2..be1d2d40 100644
--- a/plugins/genshin/abyss.py
+++ b/plugins/genshin/abyss.py
@@ -244,7 +244,7 @@ class AbyssPlugin(Plugin):
         return await self.template_service.render(
             "genshin/abyss/overview.jinja2",
             render_data,
-            viewport={"width": 2745, "height": 4000},
+            viewport={"width": 1893, "height": 4000},
             query_selector=".container",
         )
 
diff --git a/resources/genshin/abyss/overview.jinja2 b/resources/genshin/abyss/overview.jinja2
index 219a6f18..4c62b09a 100644
--- a/resources/genshin/abyss/overview.jinja2
+++ b/resources/genshin/abyss/overview.jinja2
@@ -97,13 +97,13 @@
         </div>
     </div>
         {% for floor in data.floors %}
-        {% if loop.index % 4 == 1 %}
+        {% if loop.index % 2 == 1 %}
             <div class="floors_row">
         {% endif %}
         {% set floor_num = floor.floor_num %}
         {% set total_stars = floor.total_stars %}
         {% include "genshin/abyss/floor.jinja2" %}
-        {% if loop.index % 4 == 0 or loop.index == loop.length %}
+        {% if loop.index % 2 == 0 or loop.index == loop.length %}
             </div>
         {% endif %}
         {% endfor %}
diff --git a/resources/genshin/abyss/style.css b/resources/genshin/abyss/style.css
index 5735b6fd..4f857c2d 100644
--- a/resources/genshin/abyss/style.css
+++ b/resources/genshin/abyss/style.css
@@ -40,7 +40,7 @@ body {
 
 .overview {
     height: 540px;
-    padding: 20px 540px;
+    padding: 20px 240px;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;