2 files changed, 4 insertions, 1 deletions
diff --git a/animism-align/frontend/app/common/form.component.js b/animism-align/frontend/app/common/form.component.js
index 3b55162..4eee10b 100644
--- a/animism-align/frontend/app/common/form.component.js
+++ b/animism-align/frontend/app/common/form.component.js
@@ -112,7 +112,7 @@ export class Select extends Component {
     }
     const { focused } = this.state
     return (
-      <label>
+      <label className='selectLabel'>
         {title && <span>{title}</span>}
         <div className={(focused ? 'select focus' : 'select') + " " + (className || "")}>
           <div>{(options.find(opt => String(opt.name) === String(selected)) || {label: defaultOption}).label}</div>
diff --git a/animism-align/frontend/app/common/form.css b/animism-align/frontend/app/common/form.css
index bbee27e..ac72fc8 100644
--- a/animism-align/frontend/app/common/form.css
+++ b/animism-align/frontend/app/common/form.css
@@ -155,6 +155,9 @@ input[type="checkbox"]:checked:after {
 
 /* select */
 
+.selectLabel {
+  margin-bottom: 0.5rem;
+}
 .select {
   position: relative;
   width: 9rem;