diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index 6d3d31d..84abdfa 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -7,15 +7,15 @@
 
   <div class="flex flex-row justify-center space-x-10 py-10">
     <a href="https://www.facebook.com/profile.php?id=61556819217561">
-      <v-icon size="40px" class="text-fuchsia-900">mdi-facebook</v-icon>
+      <v-icon size="40px">mdi-facebook</v-icon>
     </a>
 
     <a href="https://www.instagram.com/hutopy.inc/">
-      <v-icon size="40px"  class="text-fuchsia-900">mdi-instagram</v-icon>
+      <v-icon size="40px">mdi-instagram</v-icon>
     </a>
 
-    <a href="https://x.com/Hutopyinc/">
-      <v-icon size="40px"  class="text-fuchsia-900">mdi-twitter</v-icon>
+    <a href="https://x.com/Hutopyinc/">     
+      <img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 custom-color fill-current">
     </a>
   </div>
 
@@ -48,4 +48,5 @@
 </template>
 
 <script setup lang="ts">
-</script>
\ No newline at end of file
+</script>
+
diff --git a/src/views/main/SiteMenu.vue b/src/views/main/SiteMenu.vue
index 3effd7d..c4a94dc 100644
--- a/src/views/main/SiteMenu.vue
+++ b/src/views/main/SiteMenu.vue
@@ -12,7 +12,7 @@
       </a>
       <!-- X / Twitter -->
       <a href="https://twitter.com/Hutopyinc" class="social">
-        <v-icon>mdi-twitter</v-icon>
+           <img src="/images/hutopymedia/icons/x.svg" width="23px" height="23px" class="mb-5 mr-2">
       </a>
     </div>