Fix the header and select field spacing

vertex-center · Nov 17, 2023 · 8c42e0e · 8c42e0e
1 parent de0a113
commit 8c42e0e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/lib/components/Header/Header.sass b/lib/components/Header/Header.sass
@@ -52,3 +52,6 @@
     &-bottom
         width: 100%
         padding-bottom: 10px
+
+        & h1
+            padding: 10px 0
diff --git a/lib/components/Header/Header.tsx b/lib/components/Header/Header.tsx
@@ -71,7 +71,9 @@ export function Header<T extends IHeaderLink, U extends IHeaderLink>(
                     {...linkLogoProps}
                 >
                     <Logo size={24} />
-                    <Title variant="h4">{appName ?? "Vertex"}</Title>
+                    <div>
+                        <Title variant="h4">{appName ?? "Vertex"}</Title>
+                    </div>
                 </Link>
             </div>
             {(children || title) && (

diff --git a/lib/components/SelectField/SelectField.sass b/lib/components/SelectField/SelectField.sass
@@ -5,6 +5,9 @@
 .select-field
     position: relative
 
+    & > *
+        margin: 0
+
     &-input
         position: relative
         padding-right: 12px