diff --git a/docker-compose.yaml b/docker-compose.yaml
index 5957d45..c7b2e14 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -8,6 +8,8 @@ services:
       - ./ha/config:/config
       - ./ha/run:/etc/services.d/home-assistant/run
     network_mode: host
+    ports:
+      - 8123:8123
     environment:
       - PUID=${UID}
       - PGID=${GID}
@@ -20,6 +22,8 @@ services:
     image: mcr.microsoft.com/devcontainers/typescript-node:latest
     command: /bin/sh -c "while sleep 1000; do :; done"
     working_dir: /home/node/app
+    ports:
+      - 5000:5000
     environment:
       - NODE_ENV=development
       - TERM="xterm-256color"
diff --git a/package.json b/package.json
index 1d533e8..cf4fb4e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "compass-card",
-  "version": "2.0.0'",
+  "version": "2.0.1'",
   "description": "Lovelace compass-card",
   "keywords": [
     "home-assistant",
diff --git a/src/compass-card.ts b/src/compass-card.ts
index 389961b..f885a31 100644
--- a/src/compass-card.ts
+++ b/src/compass-card.ts
@@ -267,9 +267,8 @@ export class CompassCard extends LitElement {
   }
 
   private svgCircle(directionOffset: number): SVGTemplateResult {
-    return svg`<circle class="circle" cx="76" cy="76" r="62" stroke="${this.getColor(this.compass.circle)}" stroke-width="2" fill="${this.circleFill()}" fill-opacity="${
-      this.compass.circle.background_opacity
-    }" stroke-opacity="1.0" transform="rotate(${directionOffset},76,76)" />`;
+    return svg`<circle class="circle" cx="76" cy="76" r="62" stroke="${this.getColor(this.compass.circle)}" stroke-width="2" fill="${this.circleFill()}" fill-opacity="${this.compass.circle.background_opacity
+      }" stroke-opacity="1.0" transform="rotate(${directionOffset},76,76)" />`;
   }
 
   private circleFill(): string {
@@ -332,8 +331,8 @@ export class CompassCard extends LitElement {
     return svg`
       <g class="circle">
         <path d="m76 5.8262a9.1809 9.1809 0 0 0-0.0244 0 9.1809 9.1809 0 0 0-9.1813 9.18 9.1809 9.1809 0 0 0 9.1813 9.1813 9.1809 9.1809 0 0 0 0.0244 0z" fill="${this.getColor(
-          indicatorSensor.indicator,
-        )}"/>
+      indicatorSensor.indicator,
+    )}"/>
         <path d="m76 5.8262v18.361a9.1809 9.1809 0 0 0 9.1556-9.1813 9.1809 9.1809 0 0 0-9.1556-9.18z" fill="${this.getColor(indicatorSensor.indicator)}"/>
         <path d="m76 5.8262v18.361a9.1809 9.1809 0 0 0 9.1556-9.1813 9.1809 9.1809 0 0 0-9.1556-9.18z" fill="white" opacity="0.5"/>
       </g>
@@ -437,8 +436,8 @@ export class CompassCard extends LitElement {
   }
 
   static getDegrees(abbrevation: string): number {
-    if (COMPASS_POINTS[abbrevation]) {
-      return COMPASS_POINTS[abbrevation];
+    if (COMPASS_POINTS[abbrevation.toUpperCase()]) {
+      return COMPASS_POINTS[abbrevation.toUpperCase()];
     }
     return -1;
   }
diff --git a/src/const.ts b/src/const.ts
index cf27363..c7ddc02 100644
--- a/src/const.ts
+++ b/src/const.ts
@@ -1,6 +1,6 @@
 import { localize } from './localize/localize';
 
-export const CARD_VERSION = '2.0.0';
+export const CARD_VERSION = '2.0.1';
 export const ICONS = {
   compass: 'mdi:compass',
 };