diff --git a/src/app/app.component.css b/src/app/app.component.css
index d4737a8..81ada23 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -5,15 +5,6 @@
   font-family: Arial, sans-serif;
 }
 
-header {
-  margin-bottom: 20px;
-  text-align: center;
-}
-
-h1 {
-  color: #333;
-}
-
 .controls {
   display: flex;
   justify-content: space-between;
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 6a2a17d..edddf25 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <div class="container">
-  <header>
-    <h1>{{ title }}</h1>
+  <header class="text-center m-6">
+    <h1 class="text-3xl font-bold">{{ title }}</h1>
   </header>
 
   <div class="controls">