From 5e48105f1632cd3b3909ebe8ac5cdfa25faddd00 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Tue, 26 Apr 2022 23:21:58 +0200
Subject: [PATCH] Changed toggle alignment

refs https://github.com/TryGhost/Team/issues/1490
---
 ghost/portal/src/components/Frame.styles.js                  | 3 ++-
 ghost/portal/src/components/pages/NewsletterSelectionPage.js | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js
index b065ac2fdb..ad4dcfd6aa 100644
--- a/ghost/portal/src/components/Frame.styles.js
+++ b/ghost/portal/src/components/Frame.styles.js
@@ -546,7 +546,8 @@ const FrameStyles = `
 .gh-portal-lock-icon-container {
     display: flex;
     justify-content: center;
-    width: 44px;
+    flex: 44px 0 0;
+    padding-top: 6px;
 }
 
 .gh-portal-lock-icon {
diff --git a/ghost/portal/src/components/pages/NewsletterSelectionPage.js b/ghost/portal/src/components/pages/NewsletterSelectionPage.js
index 05176de3b6..dfbfb460e9 100644
--- a/ghost/portal/src/components/pages/NewsletterSelectionPage.js
+++ b/ghost/portal/src/components/pages/NewsletterSelectionPage.js
@@ -13,7 +13,7 @@ function NewsletterPrefSection({newsletter, subscribedNewsletters, setSubscribed
     });
     if (newsletter.paid) {
         return (
-            <section>
+            <section className='gh-portal-list-toggle-wrapper'>
                 <div className='gh-portal-list-detail gh-portal-list-big'>
                     <h3>{newsletter.name}</h3>
                     <p>{newsletter.description}</p>
@@ -25,7 +25,7 @@ function NewsletterPrefSection({newsletter, subscribedNewsletters, setSubscribed
         );
     }
     return (
-        <section>
+        <section className='gh-portal-list-toggle-wrapper'>
             <div className='gh-portal-list-detail gh-portal-list-big'>
                 <h3>{newsletter.name}</h3>
                 <p>{newsletter.description}</p>