From b61e627740fd5a85e09b27d62c73f1ba59dca2df Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Wed, 1 Mar 2023 20:07:05 +0800
Subject: [PATCH] Only show padding when theme selector is visible in dropdown

---
 packages/web/components/templates/PrimaryDropdown.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/templates/PrimaryDropdown.tsx b/packages/web/components/templates/PrimaryDropdown.tsx
index f0107f338..136e632a4 100644
--- a/packages/web/components/templates/PrimaryDropdown.tsx
+++ b/packages/web/components/templates/PrimaryDropdown.tsx
@@ -81,9 +81,11 @@ export function PrimaryDropdown(props: PrimaryDropdownProps): JSX.Element {
         )
       }
     >
-      <VStack css={{ py: '12px', px: '24px' }}>
-        {props.showThemeSection && <ThemeSection />}
-      </VStack>
+      {props.showThemeSection && (
+        <VStack css={{ py: '12px', px: '24px' }}>
+          <ThemeSection />
+        </VStack>
+      )}
       <DropdownOption
         onSelect={() => headerDropdownActionHandler('navigate-to-install')}
         title="Install"