diff --git a/src/containers/OrderPage/OrderPage.css b/src/containers/OrderPage/OrderPage.css
index 20c8e3e4..77cf17dc 100644
--- a/src/containers/OrderPage/OrderPage.css
+++ b/src/containers/OrderPage/OrderPage.css
@@ -5,3 +5,7 @@
 .tabContentVisible {
   display: block;
 }
+
+.activeTab {
+  font-weight: bold;
+}
diff --git a/src/containers/OrderPage/OrderPage.js b/src/containers/OrderPage/OrderPage.js
index 987b557e..e8e6c41f 100644
--- a/src/containers/OrderPage/OrderPage.js
+++ b/src/containers/OrderPage/OrderPage.js
@@ -37,10 +37,10 @@ const OrderPage = props => {
 
   return (
     <PageLayout title={`Your ${title} booking is confirmed!`}>
-      <NamedLink name="OrderDetailsPage" params={{ id: orderId }} style={{ marginRight: '2rem' }}>
+      <NamedLink name="OrderDetailsPage" params={{ id: orderId }} activeClassName={css.activeTab} style={{ marginRight: '2rem' }}>
         Booking details
       </NamedLink>
-      <NamedLink name="OrderDiscussionPage" params={{ id: orderId }}>
+      <NamedLink name="OrderDiscussionPage" activeClassName={css.activeTab} params={{ id: orderId }}>
         Discussion
       </NamedLink>
       <OrderDetailsPanel className={detailsClassName} {...detailsProps} />