diff --git a/src/components/VerbPickerBelow.tsx b/src/components/VerbPickerBelow.tsx
index a3b9048..d455a8c 100644
--- a/src/components/VerbPickerBelow.tsx
+++ b/src/components/VerbPickerBelow.tsx
@@ -121,7 +121,7 @@ function VerbPickerBelow({ onChange, verb }: {
         }
     }
     const tOptions = (verb?.tenseCategory === "perfect") ? perfectTenseOptions : tenseOptions;
-    return <div className="mb-4 mt-3">
+    return <div className="mb-0 mt-3">
         <div style={{ maxWidth: "300px", minWidth: "250px", margin: "0 auto" }}>
             <div className="d-flex flex-row justify-content-between align-items-center">
                 <div className="h5">Tense:</div>
@@ -152,7 +152,7 @@ function VerbPickerBelow({ onChange, verb }: {
                 options={tOptions}
                 {...zIndexProps}
             />
-            {verb && <div className="d-flex flex-row justify-content-between align-items-center my-3" style={{ width: "100%" }}>
+            {verb && <div className="d-flex flex-row justify-content-between align-items-center mt-3 mb-1" style={{ width: "100%" }}>
                 <div onClick={moveTense("back")} className="clickable">
                     <i className="fas fa-chevron-left" />
                 </div>
diff --git a/src/components/phrase-builder/AbbreviationFormSelector.tsx b/src/components/phrase-builder/AbbreviationFormSelector.tsx
index d45a84d..9a0d5f2 100644
--- a/src/components/phrase-builder/AbbreviationFormSelector.tsx
+++ b/src/components/phrase-builder/AbbreviationFormSelector.tsx
@@ -88,6 +88,7 @@ function AbbreviationFormSelector({ form, onChange, adjustable }: {
     return <div className="mb-3">
         {/* <div className="text-center text-small mb-2">Abbreviation Options</div> */}
         <ButtonSelect
+            small
             // @ts-ignore
             value={limitValue(formToValue(form), adjustable)}
             // @ts-ignore