diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
index 9242af89..9af21003 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/MessageComposer.css
@@ -109,9 +109,10 @@ limitations under the License.
.mx_MessageComposer_videocall {
/*display: table-cell;*/
/*vertical-align: middle;*/
- padding-left: 10px;
- padding-right: 10px;
+ /*padding-left: 10px;*/
+ padding-right: 5px;
cursor: pointer;
+ padding-top: 4px;
}
.mx_MessageComposer_upload object,
@@ -121,16 +122,3 @@ limitations under the License.
pointer-events: none;
}
-.mx_MessageComposer_videocall {
- padding-right: 10px;
- padding-top: 4px;
-}
-
-.mx_MessageComposer_voicecall {
- padding-right: 10px;
- padding-top: 4px;
-}
-
-.mx_MessageComposer_upload object {
- margin-top: 5px;
-}
diff --git a/src/skins/vector/img/icon-call.svg b/src/skins/vector/img/icon-call.svg
new file mode 100644
index 00000000..2d96b145
--- /dev/null
+++ b/src/skins/vector/img/icon-call.svg
@@ -0,0 +1,8 @@
+
+
+
diff --git a/src/skins/vector/img/icons-video.svg b/src/skins/vector/img/icons-video.svg
new file mode 100644
index 00000000..3571ec7f
--- /dev/null
+++ b/src/skins/vector/img/icons-video.svg
@@ -0,0 +1,20 @@
+
+