Skip to content

Bug: Image not centered in RTL layout (Hebrew) #27678

@SysTechIL

Description

@SysTechIL

I have searched the existing issues, both open and closed, to make sure this is not a duplicate report.

  • Yes

The bug

Description

When using Immich web interface in an RTL language (e.g. Hebrew), images are not centered when opened in the viewer.
Instead, the image is aligned to the right side of the screen.
In LTR (English), the image is correctly centered.

Steps to Reproduce

  1. Set the interface language to Hebrew (RTL)
  2. Open any image in the web viewer
  3. Observe image alignment

Expected Behavior

The image should be centered on the screen, regardless of layout direction (LTR or RTL).

Actual Behavior

The image is aligned to the right side when using RTL.

Additional Notes

This affects usability for RTL users and creates inconsistent behavior compared to LTR.

Screenshots

  • RTL (Hebrew) - image aligned to the right
  • LTR (English) - image centered correctly
Image Image

The OS that Immich Server is running on

Ubuntu 22

Version of Immich Server

2.7.3

Version of Immich Mobile App

2.7.2 b253

Platform with the issue

  • Server
  • Web
  • Mobile

Device make and model

Browser: (e.g. Chrome)

Your docker-compose.yml content

immich-server:
    container_name: immich_server
    image: ghcr.io/immich-app/immich-server:${IMMICH_VERSION:-release}
    volumes:
      - /mnt/immich-photos/immich_upload:/usr/src/app/upload
      - /mnt/immich-photos:/mnt/immich-photos
    env_file:
      - ./immich.env
    devices:
      - /dev/dri:/dev/dri
    ports:
      - '2283:2283'
    depends_on:
      - redis
      - database
    restart: always
    healthcheck:
      disable: false

  immich-machine-learning:
    container_name: immich_machine_learning
    image: ghcr.io/immich-app/immich-machine-learning:${IMMICH_VERSION:-release}
    volumes:
      - model-cache:/cache
    env_file:
      - ./immich.env
    restart: always
    healthcheck:
      disable: false

Your .env content

UPLOAD_LOCATION=/mnt/media
DB_DATA_LOCATION=/home/user/docker/immich/db
TZ=Asia/Jerusalem
IMMICH_VERSION=release
DB_USERNAME=immich
DB_PASSWORD=******
DB_DATABASE_NAME=immich
DB_HOST=immich_postgres
DB_PORT=5432
IMMICH_SECRET=*****
IMMICH_MACHINE_LEARNING_URL=http://immich-machine-learning:3003
IMMICH_WEB_URL=http://immich-web:3000
LOG_LEVEL=log

Reproduction steps

Reproduction steps

  1. Go to Immich web interface
  2. Change the UI language to Hebrew (or any RTL language)
  3. Open any image from the gallery
  4. View the image in the viewer mode

Result

The image is aligned to the right side instead of being centered.

Control check

Switch the language back to English (LTR) and open the same image - it will be centered correctly.

Relevant log output

Additional information

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions