diff --git a/src/login/Template.tsx b/src/login/Template.tsx
index 65f434b..8b6660a 100644
--- a/src/login/Template.tsx
+++ b/src/login/Template.tsx
@@ -181,7 +181,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
                                 )}
                             </>
                         )}
-                        <Flex vertical gap={"middle"}>
+                        <Flex vertical gap={"22px"}>
                             <Card
                                 style={{
                                     background: darkMode ? "#00000025" : "#fffffff2",
@@ -269,7 +269,6 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
                                         {children}
                                         {isMobile && (
                                             <Flex gap={"large"} justify="center">
-                                                {client.name && <FooterCard darkMode={darkMode}>{clientInfo}</FooterCard>}
                                                 {auth !== undefined && auth.showTryAnotherWayLink && (
                                                     <FooterCard darkMode={darkMode}>{showTryAnotherWayLink}</FooterCard>
                                                 )}
@@ -277,6 +276,12 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
                                             </Flex>
                                         )}
                                     </Flex>
+
+                                    {client.name && isMobile && (
+                                        <Flex justify="center" style={{ marginTop: "18px" }}>
+                                            {clientInfo}
+                                        </Flex>
+                                    )}
                                 </Flex>
                             </Card>
                             {!isMobile && (
@@ -323,7 +328,7 @@ function FooterCard({ children, darkMode = false }: { children?: ReactNode; dark
                 background: isMobile ? "unset" : darkMode ? "#00000025" : "#fffffff2",
                 borderRadius: "20px",
                 zIndex: 1,
-                padding: isMobile ? "4px 0px" : "10px 18px",
+                padding: isMobile ? "4px 0px" : "8px 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"