diff --git a/src/addons/mod/resource/components/index/addon-mod-resource-index.html b/src/addons/mod/resource/components/index/addon-mod-resource-index.html
index 213d21523..6291b1a09 100644
--- a/src/addons/mod/resource/components/index/addon-mod-resource-index.html
+++ b/src/addons/mod/resource/components/index/addon-mod-resource-index.html
@@ -81,6 +81,12 @@
 
     <div collapsible-footer appearOnBottom *ngIf="!showLoading" slot="fixed">
         <div class="list-item-limited-width" *ngIf="mode == 'external'">
+            <ion-button *ngIf="isIOS && (!shouldOpenInBrowser || !isOnline)" expand="block" fill="outline"
+                (click)="open(openFileAction.OPEN_WITH)" class="ion-margin ion-text-wrap">
+                <ion-icon name="far-share-square" slot="start" aria-hidden="true"></ion-icon>
+                {{ 'core.openwith' | translate }}
+            </ion-button>
+
             <ion-button expand="block" (click)="open(openFileAction.OPEN)" class="ion-margin ion-text-wrap">
                 <ng-container *ngIf="isStreamedFile">
                     <ion-icon name="fas-play" slot="start" aria-hidden="true"></ion-icon>
@@ -91,12 +97,6 @@
                     {{ 'addon.mod_resource.openthefile' | translate }}
                 </ng-container>
             </ion-button>
-
-            <ion-button *ngIf="isIOS && (!shouldOpenInBrowser || !isOnline)" expand="block" (click)="open(openFileAction.OPEN_WITH)"
-                class="ion-margin ion-text-wrap">
-                <ion-icon name="far-share-square" slot="start" aria-hidden="true"></ion-icon>
-                {{ 'core.openwith' | translate }}
-            </ion-button>
         </div>
         <core-course-module-navigation [courseId]="courseId" [currentModuleId]="module.id">
         </core-course-module-navigation>