diff --git a/src/app/theme/theme-detail/theme-detail.component.html b/src/app/theme/theme-detail/theme-detail.component.html
index c0539ab..9f8059c 100644
--- a/src/app/theme/theme-detail/theme-detail.component.html
+++ b/src/app/theme/theme-detail/theme-detail.component.html
@@ -21,20 +21,20 @@
       >
         <p-message
           *ngIf="theme?.operator && showOperatorMessage"
-          id="theme_designer_operator_message"
+          id="th_detail_operator_message"
           styleClass="absolute z-1 max-w-11 fadeout animation-duration-1000 animation-delay-3000 animation-iteration-1 animation-fill-forwards"
           severity="warn"
           [text]="'INTERNAL.OPERATOR_MESSAGE' | translate"
         ></p-message>
         <div class="surface-section mb-1 mt-2 mx-3">
           <div class="flex flex-wrap flex-column row-gap-4 w-12 md:w-10 lg:w-8 xl:w-6">
-            <span class="mt-01 p-float-label">
+            <span class="p-float-label">
               <input
                 pInputText
                 type="text"
                 readonly
                 class="w-full"
-                id="th_detail_item_display_name"
+                id="th_detail_props_item_display_name"
                 [value]="theme?.displayName"
                 [pTooltip]="'THEME.TOOLTIPS.DISPLAY_NAME' | translate"
                 tooltipPosition="top"
@@ -49,7 +49,7 @@
                 class="w-full"
                 autoresize="true"
                 rows="3"
-                id="th_detail_item_description"
+                id="th_detail_props_item_description"
                 [ngModel]="theme?.description"
                 [pTooltip]="'THEME.DESCRIPTION' | translate"
                 tooltipPosition="top"
@@ -64,7 +64,7 @@
                   {{ 'LOGO.LABEL' | translate }}</label
                 >
                 <app-image-container
-                  id="th_detail_item_logo"
+                  id="th_detail_props_item_logo"
                   [imageUrl]="getImageUrl(theme, RefType.Logo)"
                   [small]="true"
                 ></app-image-container>
@@ -74,7 +74,7 @@
                   {{ 'FAVICON.LABEL' | translate }}</label
                 >
                 <app-image-container
-                  id="th_detail_item_favicon"
+                  id="th_detail_props_item_favicon"
                   [imageUrl]="getImageUrl(theme, RefType.Favicon)"
                   [small]="true"
                 ></app-image-container>
@@ -133,7 +133,7 @@
     <div class="flex column-gap-3 row-gap-1 justify-content-start align-items-center">
       <div class="pi pi-question-circle text-3xl danger-action-text"></div>
       <div>
-        <div class="font-bold">{{ this.themeDeleteMessage }}</div>
+        <div id="th_delete_message_text" class="font-bold">{{ this.themeDeleteMessage }}</div>
         <div class="mt-2">{{ 'ACTIONS.DELETE.MESSAGE_INFO' | translate }}</div>
       </div>
     </div>
diff --git a/src/app/theme/theme-detail/theme-detail.component.scss b/src/app/theme/theme-detail/theme-detail.component.scss
index 7ab2257..0631f12 100644
--- a/src/app/theme/theme-detail/theme-detail.component.scss
+++ b/src/app/theme/theme-detail/theme-detail.component.scss
@@ -4,9 +4,6 @@
 @include danger-action;
 
 :host ::ng-deep {
-  .mt-01 {
-    //margin-top: 0.25rem !important;
-  }
   .max-w-11 {
     max-width: 90%;
   }