diff --git a/ui/components/app/snaps/snap-ui-renderer/components/container.ts b/ui/components/app/snaps/snap-ui-renderer/components/container.ts
index cac6788f8c48..b3f717aecbdd 100644
--- a/ui/components/app/snaps/snap-ui-renderer/components/container.ts
+++ b/ui/components/app/snaps/snap-ui-renderer/components/container.ts
@@ -2,7 +2,6 @@ import { BoxElement, JSXElement } from '@metamask/snaps-sdk/jsx';
 import { getJsxChildren } from '@metamask/snaps-utils';
 import { mapToTemplate } from '../utils';
 import {
-  BlockSize,
   Display,
   FlexDirection,
 } from '../../../../../helpers/constants/design-system';
@@ -78,12 +77,7 @@ export const container: UIComponentFactory<BoxElement> = ({
     props: {
       display: Display.Flex,
       flexDirection: FlexDirection.Column,
-      height: BlockSize.Full,
       className: 'snap-ui-renderer__container',
-      style: {
-        overflowY: 'auto',
-        paddingBottom: useFooter ? '80px' : 'initial',
-      },
     },
   };
 };
diff --git a/ui/components/app/snaps/snap-ui-renderer/index.scss b/ui/components/app/snaps/snap-ui-renderer/index.scss
index 1b027890b247..37e23e6e6530 100644
--- a/ui/components/app/snaps/snap-ui-renderer/index.scss
+++ b/ui/components/app/snaps/snap-ui-renderer/index.scss
@@ -5,10 +5,6 @@
   $width-screen-md-min: 80vw;
   $width-screen-lg-min: 62vw;
 
-  &__content {
-    margin-bottom: 0 !important;
-  }
-
   &__container {
     & > *:first-child {
       gap: 16px;
diff --git a/ui/components/app/snaps/snap-ui-renderer/snap-ui-renderer.js b/ui/components/app/snaps/snap-ui-renderer/snap-ui-renderer.js
index 332fab99308d..481a51a0a202 100644
--- a/ui/components/app/snaps/snap-ui-renderer/snap-ui-renderer.js
+++ b/ui/components/app/snaps/snap-ui-renderer/snap-ui-renderer.js
@@ -131,6 +131,10 @@ const SnapUIRendererComponent = ({
         className="snap-ui-renderer__content"
         height={BlockSize.Full}
         backgroundColor={contentBackgroundColor}
+        style={{
+          overflowY: 'auto',
+          marginBottom: useFooter ? '80px' : '0',
+        }}
       >
         <MetaMaskTemplateRenderer sections={sections} />
       </Box>
diff --git a/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap b/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap
index 27b21ab7ab3c..558011e68629 100644
--- a/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap
+++ b/ui/pages/confirmations/components/confirm/snaps/snaps-section/__snapshots__/snaps-section.test.tsx.snap
@@ -40,10 +40,10 @@ exports[`SnapsSection renders section for typed sign request 1`] = `
       >
         <div
           class="mm-box snap-ui-renderer__content mm-box--height-full"
+          style="overflow-y: auto; margin-bottom: 0px;"
         >
           <div
-            class="box snap-ui-renderer__container box--display-flex box--flex-direction-column box--height-full"
-            style="overflow-y: auto;"
+            class="box snap-ui-renderer__container box--display-flex box--flex-direction-column"
           >
             <p
               class="mm-box mm-text snap-ui-renderer__text mm-text--body-md mm-text--font-weight-normal mm-text--overflow-wrap-break-word mm-box--color-inherit"
@@ -98,10 +98,10 @@ exports[`SnapsSection renders section personal sign request 1`] = `
       >
         <div
           class="mm-box snap-ui-renderer__content mm-box--height-full"
+          style="overflow-y: auto; margin-bottom: 0px;"
         >
           <div
-            class="box snap-ui-renderer__container box--display-flex box--flex-direction-column box--height-full"
-            style="overflow-y: auto;"
+            class="box snap-ui-renderer__container box--display-flex box--flex-direction-column"
           >
             <p
               class="mm-box mm-text snap-ui-renderer__text mm-text--body-md mm-text--font-weight-normal mm-text--overflow-wrap-break-word mm-box--color-inherit"