diff --git a/scoreboard/public/stylesheets/admin.css b/scoreboard/public/stylesheets/admin.css
new file mode 100644
index 0000000..71929fb
--- /dev/null
+++ b/scoreboard/public/stylesheets/admin.css
@@ -0,0 +1,5 @@
+body {
+    /* padding: 50px; */
+    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
+    background-color: #47BAEA;
+  }
\ No newline at end of file
diff --git a/scoreboard/public/stylesheets/style.css b/scoreboard/public/stylesheets/index.css
similarity index 98%
rename from scoreboard/public/stylesheets/style.css
rename to scoreboard/public/stylesheets/index.css
index 3fbbe08..05bf585 100644
--- a/scoreboard/public/stylesheets/style.css
+++ b/scoreboard/public/stylesheets/index.css
@@ -2,7 +2,6 @@ html, body {
   height: 100%
 }
 
-
 body {
   /* padding: 50px; */
   font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
@@ -13,7 +12,6 @@ a {
   color: #00B7FF;
 }
 
-
 .durationLeft {
   font-family: 'Seven Segment', sans-serif;
   font-weight: bold;
@@ -28,10 +26,7 @@ a {
   font-size: 50vh
 }
 
-
-
 @media ( min-width: 768px ) {
-  
   .box-time {
     height:25%
   }
@@ -43,11 +38,9 @@ a {
   .box-etc {
     height: 75%
   }
-
 }
 
 @media ( min-width: 992px ) {
-  
   .box-time {
     height:50%
   }
diff --git a/scoreboard/views/admin.hbs b/scoreboard/views/admin.hbs
index cfe3899..9d791d3 100644
--- a/scoreboard/views/admin.hbs
+++ b/scoreboard/views/admin.hbs
@@ -3,17 +3,17 @@
   <head>
     <title>Scoreboard Admin</title>
     <link rel='stylesheet' href='/stylesheets/bootstrap/bootstrap.min.css' />
-    <link rel='stylesheet' href='/stylesheets/style.css' />
+    <link rel='stylesheet' href='/stylesheets/admin.css' />
 
     <link href="/stylesheets/fontawesome/fontawesome.min.css" rel="stylesheet" />
     <link href="/stylesheets/fontawesome/brands.min.css" rel="stylesheet" />
     <link href="/stylesheets/fontawesome/solid.min.css" rel="stylesheet" />
   </head>
   <body onload="initialUpdate()">
-    <div class="container">
+    <div class="container-md my-4">
 
-      <div class="row justify-content-center">
-        <div class="col-sm-12 col-md-4">
+      <div class="row mb-4 justify-content-center">
+        <div class="col-sm-12 col-md-12 col-lg-4">
           <div class="card text-center">
             <div class="card-body">
               <h1 id="durationLeft"></h1>
@@ -21,21 +21,22 @@
           </div>
         </div>
       </div>
-      </br>
-      <div class="row">
-        <div class="col-sm-12 col-md-4">
-          <div class="card text-center">
+
+      <div class="row mb-4">
+        <div class="col-sm-12 col-md-12 col-lg-4">
+          <div class="h-100 card text-center">
             <div class="card-body">
-              <button class="btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
-              <button class="btn btn-lg btn-warning" onclick="timerPause()" id="timerPauseBtn"><i class="fa-solid fa-pause"></i> Pause</button>
+              <button class="m-2 p-3 btn btn-lg btn-success" onclick="timerStart()" id="timerStartBtn"><i class="fa-solid fa-play"></i> Start</button>
+              <br>
+              <button class="m-2 p-3 btn btn-lg btn-warning" onclick="timerPause()" id="timerPauseBtn"><i class="fa-solid fa-pause"></i> Pause</button>
             </div>
           </div>
         </div>
 
-        <div class="col-sm-12 col-md-4">
-          <div class="card text-center">
-            <div class="card-body">
-              <div class="btn-group" role="group" aria-label="Basic example">
+        <div class="col-sm-12 col-md-12 col-lg-4">
+          <div class="h-100 card text-center ">
+            <div class="card-body ">
+              <div class="btn-group align-middle" role="group" aria-label="Basic example">
                 <button type="button" class="btn btn-secondary">-1m</button>
                 <button type="button" class="btn btn-secondary">-10s</button>
                 <button type="button" class="btn btn-secondary">-1s</button>
@@ -47,8 +48,8 @@
           </div>
         </div>
 
-        <div class="col-sm-12 col-md-4">
-          <div class="card text-center">
+        <div class="py-auto col-sm-12 col-md-12 col-lg-4">
+          <div class="h-100 card text-center">
             <div class="card-body">
               <button class="btn btn-lg btn-danger" data-bs-toggle="modal" data-bs-target="#timerResetModal">
                 <i class="fa-solid fa-rotate-right"></i> Zurücksetzen
@@ -58,8 +59,6 @@
         </div>
       </div>
 
-      </br></br></br></br></br></br>
-
       <div class="row text-center">
         <div class="col-sm-12 col-md-12 col-lg-12">
           <button class="btn btn-lg btn-danger" onclick="scoreSwitch()"><i class="fa-solid fa-rotate"></i> Seitenwechsel</button>
diff --git a/scoreboard/views/index.hbs b/scoreboard/views/index.hbs
index 349ecd5..60af383 100644
--- a/scoreboard/views/index.hbs
+++ b/scoreboard/views/index.hbs
@@ -3,7 +3,7 @@
   <head>
     <title>Counter</title>
     <link rel='stylesheet' href='/stylesheets/bootstrap/bootstrap.min.css' />
-    <link rel='stylesheet' href='/stylesheets/style.css' />
+    <link rel='stylesheet' href='/stylesheets/index.css' />
     <link rel='stylesheet' href='/stylesheets/seven-segment.css' />
   </head>
   <body>
