From 9cbe3f0f0947a858694d1983e6d1ed93634a7702 Mon Sep 17 00:00:00 2001
From: Andrea Scartabelli <andrea.scartabelli@gmail.com>
Date: Mon, 16 Dec 2024 08:22:41 +0100
Subject: [PATCH] web-wallet: Remove outer padding on small screens

resolves #2945
---
 web-wallet/CHANGELOG.md       | 2 ++
 web-wallet/src/style/main.css | 7 ++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/web-wallet/CHANGELOG.md b/web-wallet/CHANGELOG.md
index e954d3dc6..43e4a7468 100644
--- a/web-wallet/CHANGELOG.md
+++ b/web-wallet/CHANGELOG.md
@@ -35,6 +35,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Reword "Withdraw Rewards" operation to "Claim Rewards" [#3076]
 - Reword "Shield/Unshield" operation to "Allocate" [#3081]
+- Update `@media` rules to remove outer padding on small screens [#2945]
 
 ### Removed
 
@@ -404,6 +405,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 [#2920]: https://github.com/dusk-network/rusk/issues/2920
 [#2932]: https://github.com/dusk-network/rusk/issues/2932
 [#2938]: https://github.com/dusk-network/rusk/issues/2938
+[#2945]: https://github.com/dusk-network/rusk/issues/2945
 [#2981]: https://github.com/dusk-network/rusk/issues/2981
 [#2990]: https://github.com/dusk-network/rusk/issues/2990
 [#2991]: https://github.com/dusk-network/rusk/issues/2991
diff --git a/web-wallet/src/style/main.css b/web-wallet/src/style/main.css
index 9e2965d7c..38cdb17fc 100644
--- a/web-wallet/src/style/main.css
+++ b/web-wallet/src/style/main.css
@@ -157,7 +157,12 @@ fieldset {
 
 @media (max-width: 500px), (max-height: 500px) {
   body {
-    padding: 1rem;
+    padding: 0;
+    background-color: var(--background-color);
+  }
+
+  #outer-container {
+    border-radius: 0;
   }
 }