diff --git a/src/components/ValueTabs.vue b/src/components/ValueTabs.vue
index c40d44af5212ae8a5e585585cffe06a4678a26f2..0943e68092260c287b3ecfaf7c0821873e50d8e4 100644
--- a/src/components/ValueTabs.vue
+++ b/src/components/ValueTabs.vue
@@ -33,7 +33,7 @@ export default {
 </script>
 
 <template>
-  <div style="font-size: 40px; width: fit-content;">
+  <div class="allBoxes">
     <div>
       <div class="valueBox">
         Nitrogen (N):&nbsp;
@@ -64,6 +64,13 @@ export default {
 </template>
 
 <style scoped>
+.allBoxes{
+  /* font-size: 40px; */
+  font-size: 2vw;
+  width: fit-content;
+  /* padding-top: 5%; */
+}
+
 .valueBox {
   display: flex;
   padding-bottom: 2%;