diff --git a/electron/main/index.html b/electron/main/index.html
index 6115dc8..8769dae 100644
--- a/electron/main/index.html
+++ b/electron/main/index.html
@@ -8,7 +8,9 @@
 </head>
 <body>
 
-<h1 id="h1">Video to document</h1> 
+<div id="h1-wrapper">
+  <h1 id="h1">Video to document</h1>
+</div>
 
 <div class="step-nav">
   <div class="step-item active" data-step="1">1. Step</div>
@@ -69,15 +71,15 @@
           <label id="label_format" for="docFormat">Meeting report</label>
         </div>
         <div class="checkbox-container">
-          <input type="checkbox" name="docFormat" id="docFormatSummary" value="Summary with timestamps">
+          <input type="checkbox" name="docFormat" id="docFormatSummary1" value="Summary with timestamps">
           <label id="label_summary" for="docFormatSummary">Summary with timestamps</label>
         </div>
         <div class="checkbox-container">
-          <input type="checkbox" name="docFormat" id="docFormatSummary" value="Summary with timestamps">
+          <input type="checkbox" name="docFormat" id="docFormatSummary2" value="Summary with timestamps">
           <label id="label_summary" for="docFormatSummary">Summary with timestamps</label>
         </div>
         <div class="checkbox-container">
-          <input type="checkbox" name="docFormat" id="docFormatSummary" value="Summary with timestamps">
+          <input type="checkbox" name="docFormat" id="docFormatSummary3" value="Summary with timestamps">
           <label id="label_summary" for="docFormatSummary">Summary with timestamps</label>
         </div>
         <div class="checkbox-container">
diff --git a/electron/main/style.css b/electron/main/style.css
index 251c4e9..35ddb79 100644
--- a/electron/main/style.css
+++ b/electron/main/style.css
@@ -6,11 +6,23 @@ body {
   align-items: center;
   height: 100vh;
   background-color: #f2f3f4;
-  gap: 15px;
+  gap: 10px;
   margin: 0;
 }
  
- 
+#h1-wrapper {
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+  display: flex;
+  padding-bottom: 25px;
+  width: 770px;
+  height: 50px;
+  background-color: #FFF;
+  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
+  border-radius: 5px;
+  justify-content: center;
+  margin-bottom: 10px;
+} 
+
 .upload-container {
   background: white;
   padding: 40px;
@@ -134,7 +146,7 @@ gap: 5px;
   width: 700px;
   flex-direction: column;
   align-items: center;
-  padding: 5% 50px;
+  padding: 40px;
   margin-top: 20px;
   gap: 10px;
   border: 0px;
@@ -144,10 +156,6 @@ gap: 5px;
   box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
 }
  
-h1 {
-  align-content: center;
-}
- 
 .progressbar{
   position: relative;
   width: 210px;
@@ -202,9 +210,9 @@ h1 {
 .step-nav {
   display: flex;
   gap: 20px;
-  margin-top: 20px;
+  justify-content: center;
   background: #fff;
-  padding: 10px 20px;
+  padding: 10px 30px;
   border-radius: 6px;
   box-shadow: 0 4px 10px rgba(0,0,0,0.1);
 }
@@ -229,9 +237,11 @@ h1 {
 
 /*panels*/
 .step {
+  padding-top: 70px;
   display: flex;
   flex-direction: column;
   justify-content: center;
+  min-height: 400px;
 }
 
 /*Navigation arrows*/
@@ -247,6 +257,7 @@ h1 {
   justify-content: center;
   gap: 30px;
   width: max-content;
+  height: auto;
 }
 
 .navBtn {
@@ -269,17 +280,15 @@ h1 {
 .testy{
   background-color: #FFF;
   display: flex;
-  width: 700px;
+  width: auto;
   flex-direction: row;
   align-items: center;
-  padding: 5% 50px;
   margin-top: 20px;
   gap: 10px;
   border: 0px;
   border-color: black;
   border-style: solid;
   border-radius: 6px;
-  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
 }
 
 .box2 {
