diff --git a/frontend/src/App.css b/frontend/src/App.css
index b9d355d..bb6c55a 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -5,6 +5,10 @@
   text-align: center;
 }
 
+a {
+  display:inline-block;
+}
+
 .logo {
   height: 6em;
   padding: 1.5em;
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 20e5f1f..2722ed9 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -8,16 +8,16 @@ function App(): JSX.Element {
     <>
       <div>
         <a href="https://vitejs.dev" target="_blank" rel="noreferrer">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
+          <img src={viteLogo} className="logo h-32" alt="Vite logo" />
         </a>
         <a href="https://react.dev" target="_blank" rel="noreferrer">
-          <img src={reactLogo} className="logo react" alt="React logo" />
+          <img src={reactLogo} className="logo react h-32" alt="React logo" />
         </a>
       </div>
       <h1>Vite + React</h1>
       <div className="card">
         <CountButton />
-        <p>
+        <p className="pt-6">
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>