diff --git a/dashboard/src/translation/en.json b/dashboard/src/translation/en.json
index 347895a8b..8edd99406 100644
--- a/dashboard/src/translation/en.json
+++ b/dashboard/src/translation/en.json
@@ -39,7 +39,8 @@
             "save": "Save",
             "close": "Close",
             "no": "No",
-            "yes": "Yes"
+            "yes": "Yes",
+            "delete": "Delete"
         },
         "username": "Username",
         "displayName": "Display name",
@@ -87,7 +88,8 @@
         "enableAction": "Enable",
         "statusEnabled": "Enabled",
         "statusDisabled": "Disabled",
-        "loadingPlaceholder": "Loading"
+        "loadingPlaceholder": "Loading",
+        "settings": "Settings"
     },
     "appstore": {
         "title": "App Store",
@@ -1837,5 +1839,42 @@
         "mounts": {
             "description": "Apps can access mounted <a href=\"/#/volumes\">volumes</a> via <code>/media/{volume name}</code> directory. This data is not included in the app's backup."
         }
+    },
+    "oidc": {
+        "newClientDialog": {
+            "title": "Add Client",
+            "description": "Add new OpenID connect client settings.",
+            "createAction": "Create"
+        },
+        "client": {
+            "name": "Name",
+            "id": "Client ID",
+            "secret": "Client Secret",
+            "signingAlgorithm": "Signing Algorithm",
+            "loginRedirectUri": "Login callback Url (comma separated if more than one)",
+            "logoutRedirectUri": "Logout callback Url (optional)"
+        },
+        "title": "OpenID Connect Provider",
+        "description": "Cloudron can act as an OpenID Connect provider for internal apps and external services.",
+        "editClientDialog": {
+            "title": "Edit Client {{ client }}"
+        },
+        "deleteClientDialog": {
+            "title": "Really delete client {{ client }}?",
+            "description": "This will disconnect all external OpenID apps from this Cloudron using this client ID."
+        },
+        "env": {
+            "discoveryUrl": "Discovery URL",
+            "logoutUrl": "Logout URL",
+            "profileEndpoint": "Profile Endpoint",
+            "keysEndpoint": "Keys Endpoint",
+            "tokenEndpoint": "Token Endpoint",
+            "authEndpoint": "Auth Endpoint"
+        },
+        "clients": {
+            "title": "Clients",
+            "newClient": "New client",
+            "empty": "No clients yet"
+        }
     }
 }
diff --git a/dashboard/src/translation/nl.json b/dashboard/src/translation/nl.json
index bd94c179e..47a27afcb 100644
--- a/dashboard/src/translation/nl.json
+++ b/dashboard/src/translation/nl.json
@@ -811,7 +811,8 @@
             "hetznerToken": "Hetzner Token",
             "cloudflareDefaultProxyStatus": "Inschakelen proxy voor nieuwe DNS regels",
             "porkbunApikey": "API sleutel",
-            "porkbunSecretapikey": "Geheime API sleutel"
+            "porkbunSecretapikey": "Geheime API sleutel",
+            "bunnyAccessKey": "Bunny toegangssleutel"
         },
         "title": "Domeinen & Certificaten",
         "addDomain": "Domein toevoegen",
diff --git a/dashboard/src/views/oidc.html b/dashboard/src/views/oidc.html
index b60e46e88..aca0da2e3 100644
--- a/dashboard/src/views/oidc.html
+++ b/dashboard/src/views/oidc.html
@@ -4,38 +4,38 @@
   <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
-          <h4 class="modal-title">Add client</h4>
+          <h4 class="modal-title">{{ 'oidc.newClientDialog.title' | tr }}</h4>
         </div>
         <div class="modal-body">
-          Add new OpenID connect client settings.
+          {{ 'oidc.newClientDialog.description' | tr }}
           <br/>
           <br/>
           <form name="clientAddForm" role="form" novalidate ng-submit="clientAdd.submit()" autocomplete="off">
             <div class="form-group">
-              <label class="control-label" for="clientName">Name</label>
+              <label class="control-label" for="clientName">{{ 'oidc.client.name' | tr }}</label>
               <input type="text" id="clientName" class="form-control" name="clientName" ng-model="clientAdd.name" autofocus required/>
             </div>
             <div class="form-group" ng-class="{ 'has-error': clientAdd.error.id }">
-              <label class="control-label" for="clientId">Client ID</label>
+              <label class="control-label" for="clientId">{{ 'oidc.client.id' | tr }}</label>
               <input type="text" id="clientId" class="form-control" name="clientId" ng-model="clientAdd.id" required/>
               <div class="control-label" ng-show="clientAdd.error.id">
                 <small>{{ clientAdd.error.id }}</small>
               </div>
             </div>
             <div class="form-group">
-              <label class="control-label" for="clientSecret">Client Secret</label>
+              <label class="control-label" for="clientSecret">{{ 'oidc.client.secret' | tr }}</label>
               <input type="text" id="clientSecret" class="form-control" name="clientSecret" ng-model="clientAdd.secret" required/>
             </div>
             <div class="form-group">
-              <label class="control-label" for="loginRedirectUri">Login callback Url (comma separated if more than one)</label>
+              <label class="control-label" for="loginRedirectUri">{{ 'oidc.client.loginRedirectUri' | tr }}</label>
               <input type="text" id="loginRedirectUri" class="form-control" name="loginRedirectUri" ng-model="clientAdd.loginRedirectUri" required/>
             </div>
             <div class="form-group">
-              <label class="control-label" for="logoutRedirectUri">Logout callback Url (optional)</label>
+              <label class="control-label" for="logoutRedirectUri">{{ 'oidc.client.logoutRedirectUri' | tr }}</label>
               <input type="url" id="logoutRedirectUri" class="form-control" name="logoutRedirectUri" ng-model="clientAdd.logoutRedirectUri"/>
             </div>
             <div class="form-group">
-              <label class="control-label">Token Signature Algorithm</label>
+              <label class="control-label">{{ 'oidc.client.signingAlgorithm' | tr }}</label>
               <div class="control-label">
                 <select class="form-control" ng-model="clientAdd.tokenSignatureAlgorithm">
                   <option value="RS256">RS256</option>
@@ -49,7 +49,7 @@
         <div class="modal-footer">
           <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.close' | tr }}</button>
           <button type="button" class="btn btn-success" ng-click="clientAdd.submit()" ng-disabled="clientAddForm.$invalid || clientAdd.busy">
-            <i class="fa fa-circle-notch fa-spin" ng-show="clientAdd.busy"></i> Create
+            <i class="fa fa-circle-notch fa-spin" ng-show="clientAdd.busy"></i> {{ 'oidc.newClientDialog.createAction' | tr }}
           </button>
         </div>
       </div>
@@ -61,28 +61,28 @@
   <div class="modal-dialog">
       <div class="modal-content">
         <div class="modal-header">
-          <h4 class="modal-title">Edit client {{ clientEdit.id }}</h4>
+          <h4 class="modal-title">{{ 'oidc.editClientDialog.title' | tr:{ client: clientEdit.id } }}</h4>
         </div>
         <div class="modal-body">
           <form name="clientEditForm" role="form" novalidate ng-submit="clientEdit.submit()" autocomplete="off">
             <div class="form-group">
-              <label class="control-label" for="inputEditClientName">Name</label>
+              <label class="control-label" for="inputEditClientName">{{ 'oidc.client.name' | tr }}</label>
               <input type="text" id="inputEditClientName" class="form-control" name="clientName" ng-model="clientEdit.name" autofocus required/>
             </div>
             <div class="form-group">
-              <label class="control-label" for="inputEditClientSecret">Client Secret</label>
+              <label class="control-label" for="inputEditClientSecret">{{ 'oidc.client.secret' | tr }}</label>
               <input type="text" id="inputEditClientSecret" class="form-control" name="clientSecret" ng-model="clientEdit.secret" required/>
             </div>
             <div class="form-group">
-              <label class="control-label" for="inputEditLoginRedirectUri">Login callback Url (comma separated if more than one)</label>
+              <label class="control-label" for="inputEditLoginRedirectUri">{{ 'oidc.client.loginRedirectUri' | tr }}</label>
               <input type="text" id="inputEditLoginRedirectUri" class="form-control" name="loginRedirectUri" ng-model="clientEdit.loginRedirectUri" required/>
             </div>
             <div class="form-group">
-              <label class="control-label" for="inputEditLogoutRedirectUri">Logout callback Url (optional)</label>
+              <label class="control-label" for="inputEditLogoutRedirectUri">{{ 'oidc.client.logoutRedirectUri' | tr }}</label>
               <input type="url" id="inputEditLogoutRedirectUri" class="form-control" name="logoutRedirectUri" ng-model="clientEdit.logoutRedirectUri"/>
             </div>
             <div class="form-group">
-              <label class="control-label">Token Signature Algorithm</label>
+              <label class="control-label">{{ 'oidc.client.signingAlgorithm' | tr }}</label>
               <div class="control-label">
                 <select class="form-control" ng-model="clientEdit.tokenSignatureAlgorithm">
                   <option value="RS256">RS256</option>
@@ -108,14 +108,14 @@
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <h4 class="modal-title">Really delete client {{ deleteClient.id }}?</h4>
+        <h4 class="modal-title">{{ 'oidc.deleteClientDialog.title' | tr:{ client: deleteClient.id } }}</h4>
       </div>
       <div class="modal-body">
-        <p>This will disconnect all external OpenID apps from this Cloudron using this client ID.</p>
+        <p>{{ 'oidc.deleteClientDialog.description' | tr }}</p>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'main.dialog.cancel' | tr }}</button>
-        <button type="button" class="btn btn-danger" ng-click="deleteClient.submit()" ng-disabled="deleteClient.busy"><i class="fa fa-circle-notch fa-spin" ng-show="deleteClient.busy"></i> Delete</button>
+        <button type="button" class="btn btn-danger" ng-click="deleteClient.submit()" ng-disabled="deleteClient.busy"><i class="fa fa-circle-notch fa-spin" ng-show="deleteClient.busy"></i> {{ 'main.dialog.delete' | tr }}</button>
       </div>
     </div>
   </div>
@@ -124,7 +124,7 @@
 <div class="content">
 
   <div class="text-left">
-    <h1>OpenID Connect Provider (beta)</h1>
+    <h1>{{ 'oidc.title' | tr }}</h1>
   </div>
 
   <div class="card">
@@ -133,27 +133,27 @@
         <div class="col-md-12">
           <table width="100%">
             <tr>
-              <td class="text-muted" style="vertical-align: top;">Discovery URL</td>
+              <td class="text-muted" style="vertical-align: top;">{{ 'oidc.env.discoveryUrl' | tr }}</td>
               <td class="text-right" style="vertical-align: top;" ng-click-select>https://{{ config.adminFqdn }}/.well-known/openid-configuration</td>
             </tr>
             <tr>
-              <td class="text-muted" style="vertical-align: top;">Auth Endpoint</td>
+              <td class="text-muted" style="vertical-align: top;">{{ 'oidc.env.authEndpoint' | tr }}</td>
               <td class="text-right" style="vertical-align: top;" ng-click-select>https://{{ config.adminFqdn }}/openid/auth</td>
             </tr>
             <tr>
-              <td class="text-muted" style="vertical-align: top;">Token Endpoint</td>
+              <td class="text-muted" style="vertical-align: top;">{{ 'oidc.env.tokenEndpoint' | tr }}</td>
               <td class="text-right" style="vertical-align: top;" ng-click-select>https://{{ config.adminFqdn }}/openid/token</td>
             </tr>
             <tr>
-              <td class="text-muted" style="vertical-align: top;">Keys Endpoint</td>
+              <td class="text-muted" style="vertical-align: top;">{{ 'oidc.env.keysEndpoint' | tr }}</td>
               <td class="text-right" style="vertical-align: top;" ng-click-select>https://{{ config.adminFqdn }}/openid/jwks</td>
             </tr>
             <tr>
-              <td class="text-muted" style="vertical-align: top;">Profile Endpoint</td>
+              <td class="text-muted" style="vertical-align: top;">{{ 'oidc.env.profileEndpoint' | tr }}</td>
               <td class="text-right" style="vertical-align: top;" ng-click-select>https://{{ config.adminFqdn }}/openid/me</td>
             </tr>
             <tr>
-              <td class="text-muted" style="vertical-align: top;">Logout URL</td>
+              <td class="text-muted" style="vertical-align: top;">{{ 'oidc.env.logoutUrl' | tr }}</td>
               <td class="text-right" style="vertical-align: top;" ng-click-select>https://{{ config.adminFqdn }}/openid/session/end</td>
             </tr>
           </table>
@@ -165,7 +165,7 @@
   <br>
 
   <div class="text-left">
-    <h3>Clients <button class="btn btn-primary btn-sm pull-right" ng-click="clientAdd.show()"><i class="fa fa-plus"></i> New client</button></h3>
+    <h3>{{ 'oidc.clients.title' | tr }} <button class="btn btn-primary btn-sm pull-right" ng-click="clientAdd.show()"><i class="fa fa-plus"></i> {{ 'oidc.clients.newClient' | tr }}</button></h3>
   </div>
 
   <div class="card">
@@ -175,15 +175,15 @@
           <table class="table table-hover">
             <thead>
               <tr>
-                <th style="width: 33%">Name</th>
-                <th style="width: 33%">Client ID</th>
-                <th style="width: 33%">Signing Algorithm</th>
+                <th style="width: 33%">{{ 'oidc.client.name' | tr }}</th>
+                <th style="width: 33%">{{ 'oidc.client.id' | tr }}</th>
+                <th style="width: 33%">{{ 'oidc.client.signingAlgorithm' | tr }}</th>
                 <th style="width: 10%" class="text-right">{{ 'main.actions' | tr }}</th>
               </tr>
             </thead>
             <tbody>
               <tr ng-show="clients.length === 0">
-                <td colspan="3" class="text-center">No clients yet</td>
+                <td colspan="3" class="text-center">{{ 'oidc.clients.empty' | tr }}</td>
               </tr>
               <tr ng-repeat="client in clients">
                 <td class="text-left elide-table-cell hand" ng-click="clientEdit.show(client)">
diff --git a/dashboard/src/views/users.html b/dashboard/src/views/users.html
index fead31c2d..ef8533818 100644
--- a/dashboard/src/views/users.html
+++ b/dashboard/src/views/users.html
@@ -977,14 +977,14 @@
   </div>
 
   <div class="text-left" style="margin-top: 50px;" ng-show="user.isAtLeastAdmin">
-    <h3>OpenID Connect Provider (beta)</h3>
+    <h3>{{ 'oidc.title' | tr }}</h3>
   </div>
 
   <div class="card card-large" ng-show="user.isAtLeastAdmin">
     <div class="row">
       <div class="col-md-12" style="line-height: 34px;">
-        Cloudron can act as an OpenID Connect provider for internal apps and external services.
-        <a href="/#/oidc" class="btn btn-outline btn-primary pull-right">Settings</a>
+        {{ 'oidc.description' | tr }}
+        <a href="/#/oidc" class="btn btn-outline btn-primary pull-right">{{ 'main.settings' | tr }}</a>
       </div>
     </div>
   </div>