added padding to jumbotron apply

Author: Yonava

src/hooks/useBreakpoint.js

@@ -1,4 +1,3 @@
-
 import { useState, useEffect } from 'react';
 import { debounce } from 'lodash';
 
@@ -55,10 +54,7 @@ export const useBreakpoint = () => {
   }
 
   const [size, setSize] = useState(() => resolveBreakpoint(window.innerWidth));
-
-  const setBreakpoint = () => {
-    setSize(resolveBreakpoint(window.innerWidth));
-  };
+  const setBreakpoint = () => setSize(resolveBreakpoint(window.innerWidth));
 
   useEffect(() => {
     const calcInnerWidth = debounce(setBreakpoint, 200);

src/pages/apply.js

@@ -36,7 +36,7 @@ export default function apply() {
         <Navbar />
         <div className="center" style={{ height: `${jumbotronHeightPx}px` }}>
           <div
-            className="center"
+            className="center p-4"
             style={{ flexDirection: 'column', maxWidth: '800px' }}
           >
             <h1 className="pg-heading">