diff --git a/css/base.css b/css/base.css
index be7ee828..4dcbd0ac 100644
--- a/css/base.css
+++ b/css/base.css
@@ -762,8 +762,8 @@ i.search {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
-  width: 3rem;
-  height: 3rem;
+  width: inherit;
+  height: inherit;
 }
 .contact-box .text-box {
   display: flex;
diff --git a/src/views/info-view.jsx b/src/views/info-view.jsx
index a7f475b9..492589d5 100644
--- a/src/views/info-view.jsx
+++ b/src/views/info-view.jsx
@@ -216,6 +216,7 @@ class InfoView extends React.Component {
   }
 
   handleFullNameUpdate(fn) {
+    fn = fn.trim();
     if (this.state.fullName !== fn) {
       this.setState({fullName: fn});
       this.props.onTopicDescUpdate(this.props.topic,
@@ -449,6 +450,7 @@ class InfoView extends React.Component {
                     placeholder={this.state.groupTopic ? "Group name" : <i>Unknown</i>}
                     readOnly={!this.state.owner}
                     value={this.state.fullName}
+                    required={true}
                     onFinished={this.handleFullNameUpdate} /></div>
                 <div>
                   <label className="small">