diff --git a/templates/Training/Safety/navButtons.html.twig b/templates/Training/Safety/navButtons.html.twig
index 9b7512f..5fa9688 100644
--- a/templates/Training/Safety/navButtons.html.twig
+++ b/templates/Training/Safety/navButtons.html.twig
@@ -1,19 +1,22 @@
 <body>
+<div class="container-fluid trainingNav bg-primary sticky-md-top">
 <div class="container">
-<div class="row">
-<div class="col">
+<div class="hstack gap-4 py-1">
+    <div>
+    <a href="{{ path('safetyHome')}}" class="btn btn-outline-light"><i class="bi bi-back"></i> Back</a>
+    </div>
+    <div class="vr text-white"></div>
+    <div>
     {% if previous != null %}
-    <a href="{{previous.url}}">Previous Page: {{previous.title}}</a>
+    <a href="{{previous.url}}" class="btn btn-outline-light"><i class="bi bi-arrow-bar-left"></i> Previous Page: {{previous.title}}</a>
     {% endif %}
     </div>
-    <div class="col">
-    <a href="{{ path('safetyHome')}}">Back</a>
-    </div>
-    <div class="col">
+    <div>
     {% if next != null %}
-    <a href="{{next.url}}">Next Page: {{next.title}}</a>
+    <a href="{{next.url}}" class="btn btn-outline-light">Next Page: {{next.title}} <i class="bi bi-arrow-bar-right"></i></a>
     {% endif %}
     </div>
     </div>
     </div>
+    </div>
 </body>
\ No newline at end of file
