diff --git a/electron/main/index.html b/electron/main/index.html
index e503e25..f5b0fb4 100644
--- a/electron/main/index.html
+++ b/electron/main/index.html
@@ -8,14 +8,13 @@
 </head>
 <body>
  
-
-
+<div class="mitte" id="mitte"> 
+  <h1>Video to document</h1> 
   <div class="upload-container" id="uploadContainer">
     <p>Drag and drop video file</p>
     <div class="file-name" id="fileName">No video chosen</div>
   </div>
 
-
   <button class="custom-btn" id="manualUploadBtn">Search video</button>
   <input type="file" id="videoUpload" accept="video/*">
 
@@ -33,6 +32,7 @@
 </div>
 
 <button class="submit-btn" id="submitButton">Submit Video</button>
+</div>
   
   <script src="script.js"></script>
   <script src="./renderer.js"></script>
diff --git a/electron/main/style.css b/electron/main/style.css
index 1e52623..0b2a75c 100644
--- a/electron/main/style.css
+++ b/electron/main/style.css
@@ -5,7 +5,7 @@ body {
   justify-content: center;
   align-items: center;
   height: 100vh;
-  background-color: #f5f5f5;
+  background-color: #444;
   gap: 15px;
   margin: 0;
 }
@@ -82,7 +82,7 @@ gap: 5px;
 }
 
 .submit-btn {
-    padding: 10px 20px;
+  padding: 10px 20px;
   background-color: #007BFF;
   color: white;
   border: none;
@@ -91,3 +91,20 @@ gap: 5px;
   font-size: 14px;
 }
 
+.mitte {
+  background-color: #eaf0ff;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 5% 50px;
+  margin-top: 20px;
+  gap: 10px;
+  border: 2px;
+  border-color: black;
+  border-style: solid;
+}
+
+h1 {
+  align-content: center;
+}
+
