diff --git a/modules/order/commerce_order.module b/modules/order/commerce_order.module
index 7b3133f..687d693 100644
--- a/modules/order/commerce_order.module
+++ b/modules/order/commerce_order.module
@@ -168,6 +168,8 @@ function template_preprocess_commerce_order(array &$variables) {
     $profile_view_bulder = \Drupal::entityTypeManager()->getViewBuilder('profile');
     $variables['order']['billing_information'] = $profile_view_bulder->view($billing_profile, $view_mode);
   }
+
+  $variables['current_theme_name'] = \Drupal::theme()->getActiveTheme()->getName();
 }
 
 /**
diff --git a/modules/order/templates/commerce-order--admin.html.twig b/modules/order/templates/commerce-order--admin.html.twig
index b2baec7..a262064 100644
--- a/modules/order/templates/commerce-order--admin.html.twig
+++ b/modules/order/templates/commerce-order--admin.html.twig
@@ -13,6 +13,7 @@
  *   {{ order|without('order_number') }}
  *   @endcode
  * - order_entity: The order entity.
+ * - current_theme_name: The machine name of the current theme.
  *
  * @ingroup themeable
  */
@@ -54,11 +55,11 @@
           {{ order.state }}
         {% endif %}
       </div>
-      <details open class="seven-details">
-        <summary role="button" class="seven-details__summary">
+      <details open class="{{ current_theme_name }}-details">
+        <summary role="button" class="{{ current_theme_name }}-details__summary">
           {{ 'Customer Information'|t }}
         </summary>
-        <div class="details-wrapper seven-details__wrapper">
+        <div class="details-wrapper {{ current_theme_name }}-details__wrapper">
           {% for key in ['uid', 'mail', 'ip_address'] %}
             {% if order[key] %}
               <div class="form-item">
@@ -69,32 +70,32 @@
         </div>
       </details>
       {% if order.billing_information %}
-        <details open class="seven-details">
-          <summary role="button" class="seven-details__summary">
+        <details open class="{{ current_theme_name }}-details">
+          <summary role="button" class="{{ current_theme_name }}-details__summary">
             {{ 'Billing information'|t }}
           </summary>
-          <div class="details-wrapper seven-details__wrapper">
+          <div class="details-wrapper {{ current_theme_name }}-details__wrapper">
             {{ order.billing_information }}
           </div>
         </details>
       {% endif %}
       {% if order.shipping_information %}
-        <details open class="seven-details">
-          <summary role="button" class="seven-details__summary">
+        <details open class="{{ current_theme_name }}-details">
+          <summary role="button" class="{{ current_theme_name }}-details__summary">
             {{ 'Shipping information'|t }}
           </summary>
-          <div class="details-wrapper seven-details__wrapper">
+          <div class="details-wrapper {{ current_theme_name }}-details__wrapper">
             {{ order.shipping_information }}
           </div>
         </details>
       {% endif %}
       {% if additional_order_fields %}
-        <details open class="seven-details">
-          <summary role="button" class="seven-details__summary">
+        <details open class="{{ current_theme_name }}-details">
+          <summary role="button" class="{{ current_theme_name }}-details__summary">
             {{ 'Other'|t }}
           </summary>
           {# Show fields that are not shown elsewhere. #}
-          <div class="details-wrapper seven-details__wrapper">
+          <div class="details-wrapper {{ current_theme_name }}-details__wrapper">
             {{ additional_order_fields }}
           </div>
         </details>
diff --git a/modules/order/templates/commerce-order--user.html.twig b/modules/order/templates/commerce-order--user.html.twig
index 7ef237c..ea8084b 100644
--- a/modules/order/templates/commerce-order--user.html.twig
+++ b/modules/order/templates/commerce-order--user.html.twig
@@ -13,6 +13,7 @@
  *   {{ order|without('order_number') }}
  *   @endcode
  * - order_entity: The order entity.
+ * - current_theme_name: The machine name of the current theme.
  *
  * @ingroup themeable
  */
diff --git a/modules/order/templates/commerce-order.html.twig b/modules/order/templates/commerce-order.html.twig
index 2ed29e8..3c71d3c 100644
--- a/modules/order/templates/commerce-order.html.twig
+++ b/modules/order/templates/commerce-order.html.twig
@@ -13,6 +13,7 @@
  *   {{ order|without('order_number') }}
  *   @endcode
  * - order_entity: The order entity.
+ * - current_theme_name: The machine name of the current theme.
  *
  * @ingroup themeable
  */