Fixed the Dial Pad and finalized the changes

res/css/views/voip/_DialPadContextMenu.scss

@@ -33,14 +33,15 @@ limitations under the License.
     max-width: 150px;
     border: none;
     margin: 0px;
-  
 }
-.mx_DialPadContextMenu_dialled input{
+.mx_DialPadContextMenu_dialled input {
     font-size: 18px;
     font-weight: 600;
     overflow: hidden;
+    max-width: 150px;
     text-align: left;
     direction: rtl;
+    padding: 8px 0px;
     background-color: rgb(0, 0, 0, 0);
 }
 

src/components/views/context_menus/DialpadContextMenu.tsx

@@ -56,12 +56,10 @@ export default class DialpadContextMenu extends React.Component<IProps, IState>
                 <div>
                     <span className="mx_DialPadContextMenu_title">{_t("Dial pad")}</span>
                 </div>
-                <form >
                 <Field className="mx_DialPadContextMenu_dialled"
                     value={this.state.value} autoFocus={true}
                     onChange={this.onChange}
                 />
-                </form>
             </div>
             <div className="mx_DialPadContextMenu_horizSep" />
             <div className="mx_DialPadContextMenu_dialPad">