diff --git a/popup.css b/popup.css
index dfdd38d..fa196a5 100644
--- a/popup.css
+++ b/popup.css
@@ -3,7 +3,7 @@ body {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     margin: 0;
     padding: 20px;
-    background-color: #f4f4f4;
+    background-color: #404040;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -12,12 +12,12 @@ body {
 .container {
     text-align: center;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     align-items: center;
 }
 
 h1 {
-    font-size: 18px;
+    font-size:24px;
     color: #333;
     margin-bottom: 10px;
 }
@@ -34,14 +34,14 @@ h1 {
     color: white;
     background-color: #007bff;
     cursor: pointer;
-    border-radius: 25px;
+    border-radius: 5px;
     font-size: 14px;
     font-weight: bold;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     transition: background-color 0.3s ease, box-shadow 0.3s ease;
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
+    box-shadow:5px 4px 6px rgba(0, 0, 0, 0.1);
 }
 
 #toggleButton.active {
@@ -53,7 +53,7 @@ h1 {
 }
 
 .icon {
-    font-size: 16px;
+    font-size: 26px;
     margin-right: 10px;
 }