diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 03bebef3..8f3a4f17 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -278,21 +278,30 @@
         display: flex;
         overflow: scroll;
         background-color: var(--primary);
-
         border-top-left-radius: var(--border-radius);
         border-bottom-left-radius: var(--border-radius);
     }
 
+    #content:dir(rtl) {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        border-top-right-radius: var(--border-radius);
+        border-bottom-right-radius: var(--border-radius);
+    }
+
     @media screen and (max-width: 535px) {
         #cobalt {
             display: grid;
             grid-template-columns: unset;
             grid-template-rows: 1fr var(--sidebar-height-mobile);
         }
-        #content {
+
+        #content,
+        #content:dir(rtl) {
             padding-top: env(safe-area-inset-top);
             order: -1;
             border-top-left-radius: 0;
+            border-top-right-radius: 0;
             border-bottom-left-radius: calc(var(--border-radius) * 2);
             border-bottom-right-radius: calc(var(--border-radius) * 2);
         }