fix(herosdielayout): cneter dropdown in desktop

isomerpages · Sep 20, 2023 · d974b59 · d974b59
1 parent 94fd7a1
commit d974b59
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/src/templates/homepage/HeroSection/HeroSideLayout.tsx b/src/templates/homepage/HeroSection/HeroSideLayout.tsx
@@ -74,12 +74,20 @@ const HeroInfoboxDesktop = ({
           )}
 
           {dropdown ? (
-            <HeroDropdown
-              title={dropdown.title}
-              options={dropdown.options}
-              isActive={dropdownIsActive}
-              toggleDropdown={toggleDropdown}
-            />
+            <div
+              className={getClassNames(editorStyles, ["is-flex"])}
+              style={{
+                justifyContent: "center",
+                alignContent: "center",
+              }}
+            >
+              <HeroDropdown
+                title={dropdown.title}
+                options={dropdown.options}
+                isActive={dropdownIsActive}
+                toggleDropdown={toggleDropdown}
+              />
+            </div>
           ) : (
             // NOTE: This is to mirror the template structure
             // as closely as possible.