diff --git a/services/idp/src/app.css b/services/idp/src/app.css
index 74ba6bd75a..9818ad17d4 100644
--- a/services/idp/src/app.css
+++ b/services/idp/src/app.css
@@ -60,6 +60,9 @@ strong {
 .oc-logo {
     height: 80px;
     z-index: 0;
+}
+
+.oc-logo-container {
     margin-bottom: 40px;
 }
 
diff --git a/services/idp/src/components/ResponsiveScreen.jsx b/services/idp/src/components/ResponsiveScreen.jsx
index f2a1538efc..2255ac02b4 100644
--- a/services/idp/src/components/ResponsiveScreen.jsx
+++ b/services/idp/src/components/ResponsiveScreen.jsx
@@ -72,11 +72,14 @@ const ResponsiveScreen = (props) => {
               href={branding.signinPageLogoURI}
               target="_blank"
               rel="noopener noreferrer"
+              className='oc-logo-container'
             >
               {logo}
             </a>
           ) : (
-            logo
+            <div className='oc-logo-container'>
+              {logo}
+            </div>
           )}
           <div className={"oc-card"}>
             <div className={"oc-card-body"}>{content}</div>