diff --git a/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.css b/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.css
index 788b59230e8dfb9a4c8e658ad4d1511404d40cb4..fa4a830f0b354b6e81e1b412e440bff745565582 100644
--- a/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.css
+++ b/frontend/src/metabase/public/components/EmbedFrame/EmbedFrame.css
@@ -1,3 +1,7 @@
+body {
+  background-color: transparent;
+}
+
 .EmbedFrame {
   background-color: white;
 }
diff --git a/frontend/src/metabase/public/containers/PublicAction/PublicAction.styled.tsx b/frontend/src/metabase/public/containers/PublicAction/PublicAction.styled.tsx
index b8a832bd44312a653c6b466c784a1a67184f10b2..a9640c4d970eca4cfb9fd840b72035c790d11583 100644
--- a/frontend/src/metabase/public/containers/PublicAction/PublicAction.styled.tsx
+++ b/frontend/src/metabase/public/containers/PublicAction/PublicAction.styled.tsx
@@ -3,6 +3,7 @@ import { css } from "@emotion/react";
 import FormSubmitButton from "metabase/core/components/FormSubmitButton";
 import BaseLoadingAndErrorWrapper from "metabase/components/LoadingAndErrorWrapper";
 import { color } from "metabase/lib/colors";
+import { breakpointMaxSmall } from "metabase/styled-components/theme";
 
 export const LoadingAndErrorWrapper = styled(BaseLoadingAndErrorWrapper)`
   display: flex;
@@ -25,6 +26,11 @@ export const FormContainer = styled.div`
   ${FormSubmitButton.Button} {
     width: 100%;
   }
+
+  ${breakpointMaxSmall} {
+    width: 100%;
+    padding: 0 0.5rem;
+  }
 `;
 
 const titleStyle = css`
diff --git a/frontend/src/metabase/public/containers/PublicAction/PublicActionLoader.tsx b/frontend/src/metabase/public/containers/PublicAction/PublicActionLoader.tsx
index 0299f214d0ec795c031cd6f8be6a39c9ddfe0481..f7c2687acff615e51f6642408163bbca99ea653d 100644
--- a/frontend/src/metabase/public/containers/PublicAction/PublicActionLoader.tsx
+++ b/frontend/src/metabase/public/containers/PublicAction/PublicActionLoader.tsx
@@ -62,7 +62,7 @@ function PublicActionLoader({ params, setErrorPage }: Props) {
   }, [action, params.uuid, setErrorPage]);
 
   return (
-    <EmbedFrame footerVariant="big">
+    <EmbedFrame footerVariant="large">
       <LoadingAndErrorWrapper loading={!action}>
         {renderContent}
       </LoadingAndErrorWrapper>