diff --git a/templates/combo.html b/templates/combo.html
index e774ff3..b4c46d4 100644
--- a/templates/combo.html
+++ b/templates/combo.html
@@ -23,25 +23,14 @@
             background-color: #f8f9fa;
             border-radius: 4px;
         }
-        .person-toggle {
-            position: absolute;
-            top: 10px;
-            right: 20px;
-        }
     </style>
 </head>
 <body>
     <div class="container-fluid">
-        <div class="person-toggle">
-            <select id="personSelect" class="form-select" onchange="switchPerson()">
-                <option value="Sarah" {% if person == "Sarah" %}selected{% endif %}>Sarah</option>
-                <option value="Stuart" {% if person == "Stuart" %}selected{% endif %}>Stuart</option>
-            </select>
-        </div>
-
         <!-- <h1 class="mt-3 mb-4">Meal Planner</h1> -->
         
-        <ul class="nav nav-tabs" id="myTab" role="tablist">
+        <div class="d-flex justify-content-between align-items-center">
+            <ul class="nav nav-tabs" id="myTab" role="tablist">
             <li class="nav-item" role="presentation">
                 <button class="nav-link" onclick="location.href='/foods'">Foods</button>
             </li>
@@ -55,6 +44,13 @@
                 <button class="nav-link" onclick="location.href='/detailed'">Detailed Planner</button>
             </li>
         </ul>
+        <div class="person-toggle">
+            <select id="personSelect" class="form-select" onchange="switchPerson()">
+                <option value="Sarah" {% if person == "Sarah" %}selected{% endif %}>Sarah</option>
+                <option value="Stuart" {% if person == "Stuart" %}selected{% endif %}>Stuart</option>
+            </select>
+        </div>
+    </div>
 
         <div class="tab-content mt-3">
             {% block content %}{% endblock %}
