Login:Components:GreetingContainer: change styles

packages/login/src/components/GreetingContainer/GreetingCreateUserContainer/GreetingCreateUserContainer.styled.tsx

@@ -36,42 +36,28 @@ export const GreetingContainer = styled.div`
   height: 100%;
   width: ${DESKTOP_WIDTH}px;
 
-  margin-bottom: 32px;
-
   @media ${tablet} {
     width: 100%;
     max-width: ${TABLET_WIDTH}px;
   }
 
+  .portal-logo{
+    padding-bottom: 40px;
+  }
+
   .tooltip {
-    .invitation-text {
+  margin-bottom: 40px;
-      display: flex;
+
-      flex-direction: column;
+    p {
-      align-items: center;
       text-align: center;
     }
 
     @media ${mobile} {
+      margin-top: 0;
+
       padding: 0 25px;
     }
   }
 
-  .portal-logo {
-    width: 100%;
-    max-width: 386px;
-    height: 44px;
-    margin: 0 auto;
-    padding-bottom: 16px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .injected-svg {
-      height: 26.56px;
-    }
-
-    @media ${mobile} {
-      display: none;
-    }
   }
 `;

packages/login/src/components/GreetingContainer/GreetingCreateUserContainer/index.tsx

@@ -65,7 +65,7 @@ export const GreetingCreateUserContainer = ({
       <img src={logoUrl} className="portal-logo" alt="greeting-logo" />
       {type === "LinkInvite" && (
         <div className="tooltip">
-          <Text fontSize="16px" as="div" className="invitation-text">
+          <Text fontSize="16px">
             {roomData.title ? (
               <Trans
                 t={t}

packages/login/src/components/GreetingContainer/GreetingLoginContainer.tsx

@@ -98,7 +98,7 @@ export const GreetingLoginContainer = ({
 
       {type === "invitation" && (
         <div className="greeting-container">
-          <Text fontSize="16px" as="div" className="invitation-text">
+          <Text fontSize="16px">
             <Trans
               t={t}
               i18nKey={roomName ? "InvitationToRoom" : "InvitationToPortal"}