From 005d8a2a4ad68dd92baec2db0ccb251a9c2f0894 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Sun, 12 Jul 2020 16:06:59 -0400
Subject: [PATCH] fix mobile width overflow

---
 vocodes/src/modes/speak/SpeakComponent.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/vocodes/src/modes/speak/SpeakComponent.tsx b/vocodes/src/modes/speak/SpeakComponent.tsx
index ec6a400bf5..59baf3b024 100644
--- a/vocodes/src/modes/speak/SpeakComponent.tsx
+++ b/vocodes/src/modes/speak/SpeakComponent.tsx
@@ -181,16 +181,16 @@ class SpeakComponent extends React.Component<Props, State> {
     return (
       <section>
 
-        <div className="columns is-mobile">
-          <div className="column is-three-quarters">
+        <div className="columns is-mobile is-gapless">
+          <div className="column is-two-thirds">
             <div className="control is-expanded">
-            <div className="select is-fullwidth">
-              <select onChange={this.changeSpeaker}>
-                {speakerOptions.map(option => {
-                  return option;
-                })}
-              </select>
-            </div>
+              <div className="select is-fullwidth">
+                <select onChange={this.changeSpeaker}>
+                  {speakerOptions.map(option => {
+                    return option;
+                  })}
+                </select>
+              </div>
             </div>
           </div>
           <div className="column">