diff --git a/frontend/CHANGELOG.md b/frontend/CHANGELOG.md
index 3bec39d3a..1431e0eb7 100644
--- a/frontend/CHANGELOG.md
+++ b/frontend/CHANGELOG.md
@@ -12,6 +12,7 @@ All notable changes to this project will be documented in this file.
 
 ### Changed
 
+- Always display the `hexDecimal` representation of logs and messages.
 - Move query `useBlockSpecialEventsQuery` to new API.
 
 ### Fixed
diff --git a/frontend/src/components/Contracts/ContractDetailsEvents.vue b/frontend/src/components/Contracts/ContractDetailsEvents.vue
index 08dee899c..e6ef8cc48 100644
--- a/frontend/src/components/Contracts/ContractDetailsEvents.vue
+++ b/frontend/src/components/Contracts/ContractDetailsEvents.vue
@@ -74,7 +74,7 @@
 						:events="contractEvent.event.events"
 					/>
 					<LogsHEX
-						v-else-if="contractEvent.event.eventsAsHex?.nodes?.length"
+						v-if="contractEvent.event.eventsAsHex?.nodes?.length"
 						:events-as-hex="contractEvent.event.eventsAsHex"
 					/>
 				</DetailsView>
diff --git a/frontend/src/components/Contracts/ContractDetailsRejectEvents.vue b/frontend/src/components/Contracts/ContractDetailsRejectEvents.vue
index 24eee2304..3ce4def0e 100644
--- a/frontend/src/components/Contracts/ContractDetailsRejectEvents.vue
+++ b/frontend/src/components/Contracts/ContractDetailsRejectEvents.vue
@@ -78,7 +78,7 @@
 						:message="contractRejectEvent.rejectedEvent.message"
 					/>
 					<MessageHEX
-						v-else-if="contractRejectEvent.rejectedEvent.messageAsHex"
+						v-if="contractRejectEvent.rejectedEvent.messageAsHex"
 						:message-as-hex="contractRejectEvent.rejectedEvent.messageAsHex"
 					/>
 				</DetailsView>
diff --git a/frontend/src/components/Contracts/Events/ContractCall.vue b/frontend/src/components/Contracts/Events/ContractCall.vue
index 5e7e4ac4f..774360a53 100644
--- a/frontend/src/components/Contracts/Events/ContractCall.vue
+++ b/frontend/src/components/Contracts/Events/ContractCall.vue
@@ -39,7 +39,7 @@
 		:message="props.contractEvent.contractUpdated.message"
 	/>
 	<MessageHEX
-		v-else-if="props.contractEvent.contractUpdated.messageAsHex"
+		v-if="props.contractEvent.contractUpdated.messageAsHex"
 		:message-as-hex="props.contractEvent.contractUpdated.messageAsHex"
 	/>
 	<Logs
@@ -47,7 +47,7 @@
 		:events="props.contractEvent.contractUpdated.events"
 	/>
 	<LogsHEX
-		v-else-if="props.contractEvent.contractUpdated.eventsAsHex?.nodes?.length"
+		v-if="props.contractEvent.contractUpdated.eventsAsHex?.nodes?.length"
 		:events-as-hex="props.contractEvent.contractUpdated.eventsAsHex"
 	/>
 </template>
diff --git a/frontend/src/components/Contracts/Events/ContractInitialized.vue b/frontend/src/components/Contracts/Events/ContractInitialized.vue
index da9023607..ea2902471 100644
--- a/frontend/src/components/Contracts/Events/ContractInitialized.vue
+++ b/frontend/src/components/Contracts/Events/ContractInitialized.vue
@@ -27,7 +27,7 @@
 		:events="props.contractEvent.events"
 	/>
 	<LogsHEX
-		v-else-if="props.contractEvent.eventsAsHex?.nodes?.length"
+		v-if="props.contractEvent.eventsAsHex?.nodes?.length"
 		:events-as-hex="props.contractEvent.eventsAsHex"
 	/>
 </template>
diff --git a/frontend/src/components/Contracts/Events/ContractUpdated.vue b/frontend/src/components/Contracts/Events/ContractUpdated.vue
index 027531b86..2ee3023a7 100644
--- a/frontend/src/components/Contracts/Events/ContractUpdated.vue
+++ b/frontend/src/components/Contracts/Events/ContractUpdated.vue
@@ -45,7 +45,7 @@
 		:message="props.contractEvent.message"
 	/>
 	<MessageHEX
-		v-else-if="props.contractEvent.messageAsHex"
+		v-if="props.contractEvent.messageAsHex"
 		:message-as-hex="props.contractEvent.messageAsHex"
 	/>
 	<Logs
@@ -53,7 +53,7 @@
 		:events="props.contractEvent.events"
 	/>
 	<LogsHEX
-		v-else-if="props.contractEvent.eventsAsHex?.nodes?.length"
+		v-if="props.contractEvent.eventsAsHex?.nodes?.length"
 		:events-as-hex="props.contractEvent.eventsAsHex"
 	/>
 </template>