From e4100f7eeeb492d3ac1f76dde192161d68bc11f8 Mon Sep 17 00:00:00 2001
From: yonava <yona@vossandreae.com>
Date: Mon, 19 Feb 2024 19:52:40 -0500
Subject: [PATCH] added padding to jumbotron apply

---
 src/hooks/useBreakpoint.js | 6 +-----
 src/pages/apply.js         | 2 +-
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/src/hooks/useBreakpoint.js b/src/hooks/useBreakpoint.js
index 83aa4dc..8629b18 100644
--- a/src/hooks/useBreakpoint.js
+++ b/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);
diff --git a/src/pages/apply.js b/src/pages/apply.js
index 5e556c7..202c0a9 100644
--- a/src/pages/apply.js
+++ b/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">