diff --git a/src/components/Pages/Components/PolicyNavigationPanel.vue b/src/components/Pages/Components/PolicyNavigationPanel.vue
index a4fa6693..adbdfb15 100644
--- a/src/components/Pages/Components/PolicyNavigationPanel.vue
+++ b/src/components/Pages/Components/PolicyNavigationPanel.vue
@@ -1,7 +1,7 @@
 <template>
     <v-expansion-panels v-bind:value="$vuetify.breakpoint.mdAndUp ? 0 : null" v-if="links">
         <v-expansion-panel>
-            <v-expansion-panel-header>{{ title }}</v-expansion-panel-header>
+            <v-expansion-panel-header class="grey lighten-3">{{ title }}</v-expansion-panel-header>
 
             <v-expansion-panel-content>
             <v-list class="wrap">
diff --git a/src/components/Pages/TermsOfUse/Current.vue b/src/components/Pages/TermsOfUse/Current.vue
index 31129b17..c34473e0 100644
--- a/src/components/Pages/TermsOfUse/Current.vue
+++ b/src/components/Pages/TermsOfUse/Current.vue
@@ -2,7 +2,11 @@
   <v-main>
     <v-container class="fill-height" fluid>
       <v-row justify="center">
-        <v-col cols="8">
+        <v-col cols="11" md="4" order-md="last">
+            <TermsOfUseNavigationPanel />
+        </v-col>
+
+        <v-col cols="11" md="8">
           <h1>Terms Of Use</h1>
           <p>
             PLEASE READ THESE TERMS OF USE CAREFULLY BEFORE USING THE SERVICES.
@@ -1288,8 +1292,13 @@
 </template>
 
 <script>
+import TermsOfUseNavigationPanel from './TermsOfUseNavigationPanel.vue'
+
 export default {
   name: 'TermsOfUse',
+  components: {
+    TermsOfUseNavigationPanel,
+  },
   computed: {},
 }
 </script>
diff --git a/src/components/Pages/TermsOfUse/TermsOfUseNavigationPanel.vue b/src/components/Pages/TermsOfUse/TermsOfUseNavigationPanel.vue
index 928861a0..7ed9f406 100644
--- a/src/components/Pages/TermsOfUse/TermsOfUseNavigationPanel.vue
+++ b/src/components/Pages/TermsOfUse/TermsOfUseNavigationPanel.vue
@@ -13,7 +13,7 @@ export default {
   data: () => ({
     termsOfUseLinks: [
       { title: 'Upcoming Version', routePath: '/terms-of-use/upcoming' },
-      { title: 'April 11th 2022 (current)', routePath: '/terms-of-use' },
+      { title: '11 April 2022 (current)', routePath: '/terms-of-use' },
     ],
     currentPath: null,
   }),
diff --git a/src/components/Pages/TermsOfUse/Upcoming.vue b/src/components/Pages/TermsOfUse/Upcoming.vue
index 94862c7f..4094c294 100644
--- a/src/components/Pages/TermsOfUse/Upcoming.vue
+++ b/src/components/Pages/TermsOfUse/Upcoming.vue
@@ -2,7 +2,11 @@
   <v-main>
     <v-container class="fill-height" fluid>
       <v-row justify="center">
-        <v-col cols="12">
+        <v-col cols="11" md="4" order-md="last">
+            <TermsOfUseNavigationPanel />
+        </v-col>
+
+        <v-col cols="11" md="8">
           <h1>Terms Of Use</h1>
           <v-alert
             type="info"
@@ -1130,8 +1134,13 @@
 </template>
 
 <script>
+import TermsOfUseNavigationPanel from './TermsOfUseNavigationPanel.vue'
+
 export default {
   name: 'TermsOfUseUpcoming',
+  components: {
+    TermsOfUseNavigationPanel,
+  },
   computed: {
     isMobile () {
       return this.$vuetify.breakpoint.xs