diff --git a/artifacts/tx-os/src/locales/ar.json b/artifacts/tx-os/src/locales/ar.json
index 782d5d06..0d18b14b 100644
--- a/artifacts/tx-os/src/locales/ar.json
+++ b/artifacts/tx-os/src/locales/ar.json
@@ -1670,8 +1670,8 @@
       "dashboard": "لوحة المعلومات",
       "roomsGroup": "إدارة القاعات",
       "roomsDashboard": "لوحة القاعات",
-      "bookingSettings": "إعدادات الحجوزات",
-      "bookings": "حجز القاعات",
+      "bookingSettings": "الإعدادات",
+      "bookings": "الحجوزات",
       "external": "اجتماعات خارجية",
       "giftsGroup": "الهدايا",
       "gifts": "المستودع",
diff --git a/artifacts/tx-os/src/locales/en.json b/artifacts/tx-os/src/locales/en.json
index fd561011..1f1decf2 100644
--- a/artifacts/tx-os/src/locales/en.json
+++ b/artifacts/tx-os/src/locales/en.json
@@ -1543,8 +1543,8 @@
       "dashboard": "Dashboard",
       "roomsGroup": "Rooms Management",
       "roomsDashboard": "Rooms Dashboard",
-      "bookingSettings": "Booking Settings",
-      "bookings": "Room Bookings",
+      "bookingSettings": "Settings",
+      "bookings": "Bookings",
       "external": "External Meetings",
       "giftsGroup": "Gifts",
       "gifts": "Warehouse",
diff --git a/artifacts/tx-os/src/pages/protocol.tsx b/artifacts/tx-os/src/pages/protocol.tsx
index c707bf9e..293a52f0 100644
--- a/artifacts/tx-os/src/pages/protocol.tsx
+++ b/artifacts/tx-os/src/pages/protocol.tsx
@@ -1490,22 +1490,25 @@ export default function ProtocolPage() {
                         )}
                       />
                     </button>
-                    {open &&
-                      children.map(({ key: ck, label: cl, icon: CIcon }) => (
-                        <button
-                          key={ck}
-                          onClick={() => setTab(ck)}
-                          className={cn(
-                            "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start md:ps-6",
-                            tab === ck
-                              ? "bg-sky-500 text-white"
-                              : "text-slate-600 hover:bg-slate-200",
-                          )}
-                        >
-                          <CIcon size={16} className="shrink-0" />
-                          {cl}
-                        </button>
-                      ))}
+                    {open && (
+                      <div className="flex md:flex-col gap-1 md:ms-4 md:border-s-2 md:border-slate-300 md:ps-1">
+                        {children.map(({ key: ck, label: cl, icon: CIcon }) => (
+                          <button
+                            key={ck}
+                            onClick={() => setTab(ck)}
+                            className={cn(
+                              "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start",
+                              tab === ck
+                                ? "bg-sky-500 text-white"
+                                : "text-slate-600 hover:bg-slate-200",
+                            )}
+                          >
+                            <CIcon size={16} className="shrink-0" />
+                            {cl}
+                          </button>
+                        ))}
+                      </div>
+                    )}
                   </div>
                 );
               }
@@ -1538,22 +1541,25 @@ export default function ProtocolPage() {
                         )}
                       />
                     </button>
-                    {open &&
-                      children.map(({ key: ck, label: cl, icon: CIcon }) => (
-                        <button
-                          key={ck}
-                          onClick={() => setTab(ck)}
-                          className={cn(
-                            "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start md:ps-6",
-                            tab === ck
-                              ? "bg-sky-500 text-white"
-                              : "text-slate-600 hover:bg-slate-200",
-                          )}
-                        >
-                          <CIcon size={16} className="shrink-0" />
-                          {cl}
-                        </button>
-                      ))}
+                    {open && (
+                      <div className="flex md:flex-col gap-1 md:ms-4 md:border-s-2 md:border-slate-300 md:ps-1">
+                        {children.map(({ key: ck, label: cl, icon: CIcon }) => (
+                          <button
+                            key={ck}
+                            onClick={() => setTab(ck)}
+                            className={cn(
+                              "flex items-center gap-2 px-3 py-2 text-sm whitespace-nowrap transition-colors md:w-full md:justify-start",
+                              tab === ck
+                                ? "bg-sky-500 text-white"
+                                : "text-slate-600 hover:bg-slate-200",
+                            )}
+                          >
+                            <CIcon size={16} className="shrink-0" />
+                            {cl}
+                          </button>
+                        ))}
+                      </div>
+                    )}
                   </div>
                 );
               }