Update style.css

style.css

@@ -1,3 +1,4 @@
+/* Body */
 body {
     font-family: 'Poppins', Arial, sans-serif; /* Font modern */
     margin: 0;
@@ -72,6 +73,7 @@ body {
     box-sizing: border-box;
 }
 
+/* Currency Input */
 .currency-box label {
     font-weight: bold;
     font-size: 16px;
@@ -88,16 +90,21 @@ body {
     box-sizing: border-box;
 }
 
+/* Currency Select */
 .currency-select {
     display: flex;
     justify-content: space-between;
-    align-items: flex-start;
+    align-items: center;
     width: 100%;
     gap: 20px;
     margin: 20px 0;
     flex-wrap: wrap;
 }
 
+.currency-group {
+    flex-grow: 1; /* Membuat lebar elemen menjadi sama */
+}
+
 .currency-group label {
     font-weight: bold;
     font-size: 16px;
@@ -108,7 +115,7 @@ body {
 .currency-group select {
     padding: 15px;
     font-size: 16px;
-    width: 100%;
+    width: 100%; /* Memastikan lebar selektor select sesuai */
     border-radius: 8px;
     border: 1px solid #ccc;
 }
@@ -126,7 +133,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
-    margin: 20px auto;
+    margin: 0 auto; /* Agar berada di tengah */
     transition: background-color 0.3s ease, transform 0.2s ease;
 }