Fix styles

Author: GusevPM

components/modules/hyperlane/LatestTransfersTable.vue

@@ -236,6 +236,9 @@ const handleOpenTransferModal = (transfer) => {
 			height: 40px;
 
 			padding: 0;
+			padding-right: 24px;
+			padding-top: 8px;
+			padding-bottom: 8px;
 
 			white-space: nowrap;
 

components/modules/hyperlane/MailboxesTable.vue

@@ -190,6 +190,9 @@ const handleOpenMailboxModal = (mailbox) => {
 			height: 40px;
 
 			padding: 0;
+			padding-right: 24px;
+			padding-top: 8px;
+			padding-bottom: 8px;
 
 			white-space: nowrap;
 

components/modules/hyperlane/TokensTable.vue

@@ -188,6 +188,9 @@ const handleOpenTokenModal = (token) => {
 			height: 40px;
 
 			padding: 0;
+			padding-right: 24px;
+			padding-top: 8px;
+			padding-bottom: 8px;
 
 			white-space: nowrap;
 

components/modules/hyperlane/TransfersTable.vue

@@ -177,6 +177,7 @@ const handleOpenTransferModal = (transfer) => {
 
 		& tr th {
 			text-align: left;
+			
 			padding: 0;
 			padding-right: 16px;
 			padding-top: 12px;

error.vue

@@ -48,18 +48,9 @@ const getGithubIssueLink = computed(() => {
 			<Icon name="search" size="24" color="tertiary" />
 
 			<Flex direction="column" align="center" gap="12">
-				<Text v-if="error?.statusCode == 404" size="16" weight="500" color="secondary">
+				<Text v-if="error?.statusCode == 404" size="16" weight="500" height="160" color="secondary" :class="$style.status_title">
 					{{ error?.statusMessage }}
 				</Text>
-				<!-- <Flex v-if="error?.statusCode == 404" direction="column" gap="6">
-					<Text size="16" weight="500" color="secondary">
-						{{ error?.statusMessage }}
-					</Text>
-
-					<Text v-if="error?.data?.value" size="16" weight="500" color="secondary">
-						{{ error?.statusMessage }}
-					</Text>
-				</Flex> -->
 				<Text v-else size="16" weight="500" color="secondary"> Unknown Error </Text>
 
 				<Text
@@ -112,4 +103,10 @@ const getGithubIssueLink = computed(() => {
 	padding: 0 24px;
 	margin-top: 120px;
 }
+
+.status_title {
+	white-space: normal;
+	word-break: break-all;
+	overflow-wrap: anywhere;
+}
 </style>