diff --git a/nginx/vue/src/assets/styles.css b/nginx/vue/src/assets/styles.css
index 195c64f..9e1d416 100644
--- a/nginx/vue/src/assets/styles.css
+++ b/nginx/vue/src/assets/styles.css
@@ -41,7 +41,7 @@
     /* MAIN COLORS */
     --primary: #55ffbb;
     --secondary: #62ff57;
-    --tertiary: #2ea;
+    --tertiary: #57d2ff;
     --quaternary: #400;
 
     /* BACKGROUND COLORS */
diff --git a/nginx/vue/src/components/home/Gym.vue b/nginx/vue/src/components/home/Gym.vue
index 4229c9b..c8b8a22 100644
--- a/nginx/vue/src/components/home/Gym.vue
+++ b/nginx/vue/src/components/home/Gym.vue
@@ -12,7 +12,7 @@ const gym = [
         <h2>Gym</h2>
         <p class="m-3">I'm not a gym geek but I always do:</p>
         <div class="overflow-scroll w-full flex-1 border-box">
-            <OptionalLinkTable :data="gym" />
+            <OptionalLinkTable class="w-full" :data="gym" />
         </div>
     </div>
 </template>