diff --git a/src/App/App.css b/src/App/App.css
index c64ec23..9c67860 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -13,7 +13,6 @@ html {
 
 .App {
   text-align: center;
-  /* padding: 2% 5%; */
   font-family: 'Montserrat', sans-serif;
   
 }
@@ -101,7 +100,7 @@ input[type='number'] {
 
 .event {
   padding: 10px 10px 35px;
-  margin-bottom: 10px;
+  margin: 0 5% 10px 5%;
   text-align: left;
   border: 1px solid #ccc;
   border-radius: 4px;
diff --git a/src/App/NumberOfEvents.js b/src/App/NumberOfEvents.js
index 9190404..ed1ffee 100644
--- a/src/App/NumberOfEvents.js
+++ b/src/App/NumberOfEvents.js
@@ -32,8 +32,8 @@ class NumberOfEvents extends Component {
           className='number-of-events-input'
           value={this.state.query}
           onChange={this.handleInputChanged}
-          // min={1}
-          // max={50}
+          min={1}
+          max={50}
         />
         <ErrorAlert text={this.state.errorText} />
       </div>