diff --git a/src/login/Template.tsx b/src/login/Template.tsx
index 384e595..65f434b 100644
--- a/src/login/Template.tsx
+++ b/src/login/Template.tsx
@@ -323,7 +323,7 @@ function FooterCard({ children, darkMode = false }: { children?: ReactNode; dark
                 background: isMobile ? "unset" : darkMode ? "#00000025" : "#fffffff2",
                 borderRadius: "20px",
                 zIndex: 1,
-                padding: isMobile ? "unset" : "10px 18px",
+                padding: isMobile ? "4px 0px" : "10px 18px",
                 boxShadow: isMobile ? "unset" : darkMode ? "0px 5px 20px 5px rgb(255 255 255 / 5%)" : "0px 5px 15px 5px rgb(0 0 0 / 10%)"
             }}
             variant="borderless"
diff --git a/src/login/pages/LoginConfigTotp.tsx b/src/login/pages/LoginConfigTotp.tsx
index 5114a3f..0c48daa 100644
--- a/src/login/pages/LoginConfigTotp.tsx
+++ b/src/login/pages/LoginConfigTotp.tsx
@@ -257,11 +257,11 @@ export default function LoginConfigTotp(props: PageProps<Extract<KcContext, { pa
                         </Checkbox>
                     </Form.Item>
                     <Form.Item style={{ margin: 0 }}>
-                        <Flex gap={"middle"}>
+                        <Flex gap={"middle"} style={{ marginTop: "22px" }}>
                             <Button
                                 type="primary"
                                 htmlType="submit"
-                                style={{ flexGrow: 2, marginTop: "22px" }}
+                                style={{ flexGrow: 2 }}
                                 size="large"
                                 id="saveTOTPBtn"
                                 iconPosition="end"