diff --git a/src/assets/css/chat.scss b/src/assets/css/chat.scss
index f1925fe..d1a0a62 100644
--- a/src/assets/css/chat.scss
+++ b/src/assets/css/chat.scss
@@ -87,7 +87,7 @@ $chat-text-size: 0.7pt;
     }
 
     .input-area-outer {
-        background-color: #e2e2e2;
+        background-color: #ffffff;
         margin: 0;
         padding-left: 2 * $chat-standard-padding-s;
         padding-right: 2 * $chat-standard-padding-s;
@@ -102,7 +102,8 @@ $chat-text-size: 0.7pt;
         }
         .input-area-inner {
             background-color: white;
-            border-radius: $chat-standard-padding-s;
+            border: 1px solid #d4d4d4;
+            border-radius: 32px;
         }
         .input-area-button {
             margin: 0;
diff --git a/src/components/Chat.vue b/src/components/Chat.vue
index 8e0aaa5..76cf6d9 100644
--- a/src/components/Chat.vue
+++ b/src/components/Chat.vue
@@ -63,11 +63,11 @@
           {{ typingMembersString }}
         </div>
       </v-row>
-      <v-row class="input-area-inner">
+      <v-row class="input-area-inner align-center">
         <v-col class="input-area-button text-center flex-grow-0 flex-shrink-1">
           <label icon flat ref="attachmentLabel">
-            <v-btn icon @click="$refs.attachment.click()">
-              <v-icon>attachment</v-icon>
+            <v-btn icon large color="black" @click="$refs.attachment.click()">
+              <v-icon x-large>add_circle_outline</v-icon>
             </v-btn>
             <input
               ref="attachment"
@@ -98,8 +98,8 @@
         </v-col>
 
         <v-col class="input-area-button text-center flex-grow-0 flex-shrink-1">
-          <v-btn icon @click.stop="sendMessage" :disabled="sendButtonDisabled">
-            <v-icon>send</v-icon>
+          <v-btn fab small elevation="0" color="black" @click.stop="sendMessage" :disabled="sendButtonDisabled">
+            <v-icon color="white">arrow_upward</v-icon>
           </v-btn>
         </v-col>
       </v-row>