diff --git a/frontend/src/components/MobileBookDisplay.svelte b/frontend/src/components/MobileBookDisplay.svelte
index ad0b5ca0..4bbb2f70 100644
--- a/frontend/src/components/MobileBookDisplay.svelte
+++ b/frontend/src/components/MobileBookDisplay.svelte
@@ -43,11 +43,11 @@
     {#if otBookCodes?.length > 0}
       {#each otBookCodes as bookCodeAndName, index}
         <label for="bookcode-ot-{index}">
-          <div class="pl-4 py-2 target">
-            <div
-              class="flex items-center justify-between target2"
-              style={filteredOtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
-            >
+          <div
+            class="pl-4 py-2 target"
+            style={filteredOtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
+          >
+            <div class="flex items-center justify-between target2">
               <div class="flex items-center target3">
                 <input
                   id="bookcode-ot-{index}"
@@ -81,11 +81,11 @@
     {#if ntBookCodes?.length > 0}
       {#each ntBookCodes as bookCodeAndName, index}
         <label for="bookcode-nt-{index}">
-          <div class="pl-4 py-2 target">
-            <div
-              class="flex items-center justify-between target2"
-              style={filteredNtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
-            >
+          <div
+            class="pl-4 py-2 target"
+            style={filteredNtBookCodes.includes(bookCodeAndName) ? '' : 'display: none'}
+          >
+            <div class="flex items-center justify-between target2">
               <div class="flex items-center target3">
                 <input
                   id="bookcode-nt-{index}"
diff --git a/frontend/src/components/MobileLanguageDisplay.svelte b/frontend/src/components/MobileLanguageDisplay.svelte
index 1ef18f6c..5af16293 100644
--- a/frontend/src/components/MobileLanguageDisplay.svelte
+++ b/frontend/src/components/MobileLanguageDisplay.svelte
@@ -19,13 +19,13 @@
   {#if showGatewayLanguages}
     {#each gatewayCodesAndNames as langCodeAndName, index}
       <label for="lang-code-{index}">
-        <div class="pl-4 py-2 target">
-          <div
-            class="flex items-center justify-between target2"
-            style={filteredGatewayCodeAndNames.includes(langCodeAndName)
-              ? ''
-              : 'display: none'}
-          >
+        <div
+          class="pl-4 py-2 target"
+          style={filteredGatewayCodeAndNames.includes(langCodeAndName)
+            ? ''
+            : 'display: none'}
+        >
+          <div class="flex items-center justify-between target2">
             <div class="flex items-center target3">
               <input
                 id="lang-code-{index}"
@@ -46,13 +46,13 @@
   {:else}
     {#each heartCodesAndNames as langCodeAndName, index}
       <label for="lang-code-{index}">
-        <div class="pl-4 py-2 target">
-          <div
-            class="flex items-center justify-between target2"
-            style={filteredHeartCodeAndNames.includes(langCodeAndName)
-              ? ''
-              : 'display: none'}
-          >
+        <div
+          class="pl-4 py-2 target"
+          style={filteredGatewayCodeAndNames.includes(langCodeAndName)
+            ? ''
+            : 'display: none'}
+        >
+          <div class="flex items-center justify-between target2">
             <div class="flex items-center target3">
               <input
                 id="lang-code-{index}"