From b0096c32c208c1b3c1275124d69d5aab9f44bd1e Mon Sep 17 00:00:00 2001
From: david0xd <david@timechaser.org>
Date: Fri, 11 Oct 2024 20:29:46 +0200
Subject: [PATCH] Fix sticky footer UI issue on Snaps Home Page in extended
 view

---
 .../app/snaps/snap-ui-renderer/index.scss      | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/ui/components/app/snaps/snap-ui-renderer/index.scss b/ui/components/app/snaps/snap-ui-renderer/index.scss
index b1bc569af333..7e18e72c917f 100644
--- a/ui/components/app/snaps/snap-ui-renderer/index.scss
+++ b/ui/components/app/snaps/snap-ui-renderer/index.scss
@@ -1,4 +1,10 @@
+@use "design-system";
+
 .snap-ui-renderer {
+  $width-screen-sm-min: 85vw;
+  $width-screen-md-min: 80vw;
+  $width-screen-lg-min: 62vw;
+
   &__content {
     margin-bottom: 0 !important;
   }
@@ -69,5 +75,17 @@
 
   &__footer {
     margin-top: auto;
+
+    @include design-system.screen-sm-min {
+      max-width: $width-screen-sm-min;
+    }
+
+    @include design-system.screen-md-min {
+      max-width: $width-screen-md-min;
+    }
+
+    @include design-system.screen-lg-min {
+      max-width: $width-screen-lg-min;
+    }
   }
 }