diff --git a/src/components/StationSidebar.vue b/src/components/StationSidebar.vue
index 05c2847..771b603 100644
--- a/src/components/StationSidebar.vue
+++ b/src/components/StationSidebar.vue
@@ -1,6 +1,6 @@
 <template>
 <div id="sidebarDiv">
-    <div v-on:click="store.setDisplaySelectedStation(false)" id="xButton">X</div>
+    <div v-on:click="store.setDisplaySelectedStation(false)" id="xButton">🗙</div>
     <h2>Station Code: {{ store.selectedStation["StationCode"][0] }}</h2>
     <div id="sidebarHeader">
         <img id="headerImage" src="../assets/station.png" alt="Station Icon">
@@ -142,4 +142,4 @@ export default {
   }
 
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/TrainSidebar.vue b/src/components/TrainSidebar.vue
index a2994f9..2b21e92 100644
--- a/src/components/TrainSidebar.vue
+++ b/src/components/TrainSidebar.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="sidebarDiv">
-    <div v-on:click="store.setDisplaySelectedTrain(false)" id="xButton">X</div>
+    <div v-on:click="store.setDisplaySelectedTrain(false)" id="xButton">🗙</div>
     <h2 style="padding: 10px;">Train Code: {{ store.selectedTrain["TrainCode"][0] }}</h2>
       <div id="sidebarHeader">
         <p id="originDiv">Origin:<br> {{ store.selectedTrain["Origin"][0] }}</p>