diff --git a/src/App.vue b/src/App.vue
index da08dba..79a747d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -39,6 +39,9 @@ input:focus{
   color: #000;
   background-color: #fff;
 }
+a{
+  color: #00BCD4;
+}
 *{
   scrollbar-width: thin;
   scrollbar-color: #42b983 #2220;
diff --git a/src/components/avatar.vue b/src/components/avatar.vue
index 04ba8cf..a447cd5 100644
--- a/src/components/avatar.vue
+++ b/src/components/avatar.vue
@@ -1,11 +1,11 @@
 <template>
-  <img v-if="mxcURL" :src="getAvatarUrl(mxcURL)" class="userThumbnail image"/>
+  <img v-if="mxcURL" :src="getPreviewUrl(mxcURL)" class="userThumbnail image"/>
   <div v-else v-html="getJdenticon()" class="userThumbnail identicon"/>
 </template>
 
 <script>
 import {toSvg} from 'jdenticon';
-import {getAvatarUrl} from '@/lib/getMxc';
+import {getPreviewUrl} from '@/lib/getMxc';
 
 export default {
   name: 'userThumbnail.vue',
@@ -24,7 +24,7 @@ export default {
     getJdenticon(){
       return toSvg(this.fallback, this.getFontSize()*this.size);
     },
-    getAvatarUrl
+    getPreviewUrl
   },
   data(){
     return {
diff --git a/src/lib/getMxc.js b/src/lib/getMxc.js
index 8ccdb93..c3d0297 100644
--- a/src/lib/getMxc.js
+++ b/src/lib/getMxc.js
@@ -19,8 +19,14 @@ export function getMxcFromRoomId(roomId){
   return getMxcFromRoom(matrix.client.getRoom(roomId));
 }
 
-export function getAvatarUrl(mxcUrl, size = 64, resizeMethod = 'crop'){
+export function getPreviewUrl(mxcUrl, size = 64, resizeMethod = 'crop'){
   let mxc = parseMXC.parse(mxcUrl);
   return `${matrix.baseUrl}/_matrix/media/v1/thumbnail/${
     mxc.homeserver}/${mxc.id}?width=${size}&height=${size}&method=${resizeMethod}`;
+}
+
+export function getMediaUrl(mxcUrl){
+  let mxc = parseMXC.parse(mxcUrl);
+  return `${matrix.baseUrl}/_matrix/media/r0/download/${
+    mxc.homeserver}/${mxc.id}`;
 }
\ No newline at end of file