diff --git a/Script_Speech_recognition/style.css b/Script_Speech_recognition/style.css
index ffb756f..afbdd3e 100644
--- a/Script_Speech_recognition/style.css
+++ b/Script_Speech_recognition/style.css
@@ -19,7 +19,7 @@ h1 {
     justify-content: center; /* Center the elements horizontally */
     align-items: flex-start; /* Align items to the top */
     padding: 20px;
-    gap: 20px; /* Maintain a comfortable space between elements */
+    gap: 40px; /* Maintain a comfortable space between elements */
     flex-wrap: wrap; /* Allow wrapping for responsive layouts */
     max-width: 1200px; /* Set max-width to keep layout centered and compact */
     margin: 0 auto; /* Center the container itself */
@@ -179,7 +179,7 @@ textarea.dark-mode:focus {
     object-fit: cover; /* Ensure the video fits its container */
 }
 
-/* Navigation button styles */
+/* Updated Navigation button styles */
 #prevBtn, #nextBtn {
     position: absolute;
     top: 50%;
@@ -189,28 +189,27 @@ textarea.dark-mode:focus {
     color: white;
     border: none;
     border-radius: 50%;
-    width: 40px;
-    height: 40px;
+    width: 50px;
+    height: 50px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
-    transition: background-color 0.3s ease, transform 0.2s;
+    transition: background-color 0.3s ease;
     z-index: 10; /* Ensure buttons are above other elements */
 }
 
 #prevBtn:hover, #nextBtn:hover {
     background-color: #357ae8;
-    transform: scale(1.1);
 }
 
 #prevBtn {
-    left: -20px;
+    left: -30px; /* Adjust button position for better appearance */
 }
 
 #nextBtn {
-    right: -20px;
+    right: -30px; /* Adjust button position for better appearance */
 }
 
 /* Style for the start button */