diff --git a/springwolf-ui/src/app/components/schemas/range/schema-range.component.html b/springwolf-ui/src/app/components/schemas/range/schema-range.component.html
index 61773d918..58dfa4ac8 100644
--- a/springwolf-ui/src/app/components/schemas/range/schema-range.component.html
+++ b/springwolf-ui/src/app/components/schemas/range/schema-range.component.html
@@ -4,56 +4,18 @@
     class="range"
     *ngIf="schema.minimum !== undefined && schema.maximum === undefined"
   >
-    <span
-      *ngIf="
-        schema.exclusiveMinimum;
-        then exclusiveMinimumSign;
-        else inclusiveMinimumSign
-      "
-    ></span>
-    {{ schema.minimum }}
+    {{ schema.exclusiveMinimum ? ">" : ">=" }} {{ schema.minimum }}
   </span>
   <span
     class="range"
     *ngIf="schema.minimum === undefined && schema.maximum !== undefined"
   >
-    <span
-      *ngIf="
-        schema.exclusiveMaximum;
-        then exclusiveMaximumSign;
-        else inclusiveMaximumSign
-      "
-    ></span>
-    {{ schema.maximum }}
+    {{ schema.exclusiveMaximum ? "<" : "<=" }} {{ schema.maximum }}
   </span>
   <span
     class="range"
     *ngIf="schema.minimum !== undefined && schema.maximum !== undefined"
+    >{{ schema.exclusiveMinimum ? "(" : "[" }} {{ schema.minimum }} ..
+    {{ schema.maximum }} {{ schema.exclusiveMaximum ? ")" : "]" }}</span
   >
-    <span
-      *ngIf="
-        schema.exclusiveMinimum;
-        then exclusiveMinimumBrackets;
-        else inclusiveMinimumBrackets
-      "
-    ></span>
-    {{ schema.minimum }} .. {{ schema.maximum }}
-    <span
-      *ngIf="
-        schema.exclusiveMaximum;
-        then exclusiveMaximumBrackets;
-        else inclusiveMaximumBrackets
-      "
-    ></span>
-  </span>
 </div>
-
-<ng-template #exclusiveMinimumBrackets>(</ng-template>
-<ng-template #exclusiveMaximumBrackets>)</ng-template>
-<ng-template #inclusiveMinimumBrackets>[</ng-template>
-<ng-template #inclusiveMaximumBrackets>]</ng-template>
-
-<ng-template #exclusiveMinimumSign>&gt;</ng-template>
-<ng-template #exclusiveMaximumSign>&lt;</ng-template>
-<ng-template #inclusiveMinimumSign>&gt;=</ng-template>
-<ng-template #inclusiveMaximumSign>&lt;=</ng-template>