diff --git a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.css b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.css
index 8f3b48a2..b3d849be 100644
--- a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.css
+++ b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.css
@@ -13,14 +13,19 @@
 }
 
 .navigation-arrow ng-icon {
-  margin-left: -0.3em;
-  margin-right: -0.3em;
-  transform: translateY(-50%);
   top: 50%;
-  position: relative;
+  left: 50%;
+  position: absolute;
   line-height: 0;
 }
 
+.navigation-arrow-left ng-icon {
+  transform: translate(-55%,-50%);
+}
+.navigation-arrow-right ng-icon {
+  transform: translate(-45%,-50%);
+}
+
 #controllers-container {
   z-index: 1100;
   color: white;
@@ -84,6 +89,13 @@
   z-index: 4;
   top: 0;
 }
+.controls-top ng-icon {
+  vertical-align: middle;
+}
+
+.controls-top ng-icon ::ng-deep svg {
+  vertical-align: top;
+}
 
 .controls-caption {
   opacity: 0.7;
@@ -291,8 +303,8 @@ input[type="range"].zoom-progress::-moz-range-track {
 }
 
 canvas {
-  right: 12px;
-  position: relative;
-  top: -50%;
-  transform: translateY(-50%);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
 }
diff --git a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.html b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.html
index 8caf4ab5..d8470c21 100644
--- a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.html
+++ b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.html
@@ -8,14 +8,14 @@
     <div class="controls-background rounded-start-bottom pe-1 pt-1">
       <div class="highlight control-button" (click)="toggleInfoPanel.emit()"
            title="info key: i" i18n-title>
-        <ng-icon class="align-top" size="1.2em" name="ionInformationOutline"></ng-icon>
+        <ng-icon  name="ionInformationOutline"></ng-icon>
       </div>
 
       <div *ngIf="fullScreenService.isFullScreenEnabled()"
            class="highlight control-button"
            (click)="toggleFullScreen.emit()"
            title="toggle fullscreen, key: f" i18n-title>
-        <ng-icon style="margin-right: 0.2em; margin-top: -0.05em" class="align-top" size="0.9em"
+        <ng-icon size="0.85em"
                  name="ionContractOutline"></ng-icon>
       </div>
 
@@ -23,7 +23,7 @@
            class="highlight control-button"
            (click)="toggleFullScreen.emit(true)"
            title="toggle fullscreen, key: f" i18n-title>
-        <ng-icon style="margin-right: 0.2em; margin-top: -0.05em" class="align-top" size="0.9em"
+        <ng-icon   size="0.85em"
                  name="ionExpandOutline"></ng-icon>
       </div>
 
@@ -32,7 +32,7 @@
                 class="border-0 highlight control-button"
                 data-bs-auto-close="outside"
                 aria-controls="dropdown-basic">
-          <ng-icon size="1.2em" name="ionMenuOutline"></ng-icon>
+          <ng-icon size="1.2em"  name="ionMenuOutline"></ng-icon>
         </button>
         <ul id="dropdown-basic" *dropdownMenu class="dropdown-menu dropdown-menu-right"
             role="menu" aria-labelledby="button-basic">
@@ -165,12 +165,12 @@
 
   </div>
 
-  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow highlight rounded-end"
+  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow navigation-arrow-left highlight rounded-end"
        *ngIf="navigation.hasPrev && zoom == 1" title="key: left arrow" id="leftArrow" i18n-title
        (click)="previousPhoto.emit()">
     <ng-icon name="ionChevronBackOutline"></ng-icon>
   </div>
-  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow highlight rounded-start"
+  <div [class.dim-controls]="controllersDimmed" class="navigation-arrow navigation-arrow-right highlight rounded-start"
        *ngIf="navigation.hasNext && zoom == 1" title="key: right arrow" id="rightArrow" i18n-title
        (click)="nextMediaManuallyTriggered()">
     <ng-icon name="ionChevronForwardOutline"></ng-icon>
diff --git a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.ts b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.ts
index 2c9db012..f14f1e9b 100644
--- a/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.ts
+++ b/src/frontend/app/ui/gallery/lightbox/controls/controls.lightbox.gallery.component.ts
@@ -282,7 +282,7 @@ export class ControlsLightboxComponent implements OnDestroy, OnInit, OnChanges {
     ) {
       return;
     }
-    this.nextPhoto.emit();
+  //  this.nextPhoto.emit();
   };
 
   private drawSliderProgress(t: number) {