Update style.css

style.css

@@ -1,11 +1,11 @@
-/* BODY AND BACKGROUND */
+/*BODY AND BACKGROUND*/
 body {
     background-color: #1E1E1E;
     color: #FFFFFF;
     font-family: 'Inter', sans-serif;
 }
     
-/* CHATBOT */
+/*CHATBOT*/
 .gr-chatbot {
     background-color: #F5F0E1;
     border-radius: 16px;
@@ -14,7 +14,7 @@ body {
     color: #1E1E1E;
 }
 
-/* CHAT BUBBLES */
+/*CHAT BUBBLES*/
 .gr-chatbot .message {
     background-color: #F5F0E1 !important;
     color: #1E1E1E !important;
@@ -23,7 +23,7 @@ body {
     margin-bottom: 6px;
 }
 
-/* INPUTS AND DROPDOWNS */
+/*INPUTS AND DROPDOWNS*/
 .gr-dropdown, .gr-textbox {
     border-radius: 12px;
     border: 1px solid #A892FF;
@@ -32,12 +32,12 @@ body {
     padding: 8px;
 }
     
-/* Placeholder text for inputs */
+/*Placeholder text for inputs*/
 .gr-textbox::placeholder {
     color: #B0B0B0;
 }
 
-/* BUTTONS */
+/*BUTTONS*/
 .gr-button {
     border-radius: 12px;
     background-color: #6C63FF;
@@ -49,7 +49,7 @@ body {
     background-color: #A892FF;
 }
 
-/* HEADER TEXT */
+/*HEADER TEXT*/
 .header-text {
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
@@ -57,8 +57,8 @@ body {
 }
 
 #agent-avatar {
-    width: 64px;       
-    height: 64px;      
+    width: 100px;       
+    height: 100px;      
     margin-bottom: 12px;
 }