diff --git a/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.html b/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.html
index 3341e1f..87aaaaf 100644
--- a/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.html
+++ b/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.html
@@ -60,6 +60,23 @@
     </sk-dialog>
   </div>
 
+  <div>
+    <button (click)="isDialogWithFallbackButtonOpen = true">
+      open Dialog with fallback outer button right
+    </button>
+
+    <sk-dialog
+      [(open)]="isDialogWithFallbackButtonOpen"
+      (close)="isDialogWithFallbackButtonOpen = false"
+      [showCloseButton]="true"
+    >
+      <div>
+        here comes some content. This is a dialog with the a fallback Close
+        Button. (when the user don't have a close button)
+      </div>
+    </sk-dialog>
+  </div>
+
   <div>
     <button (click)="isDialogWithInnerButtonOpen = true">
       open Dialog with inner button right (default)
diff --git a/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.ts b/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.ts
index 8b51fc6..4916d1f 100644
--- a/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.ts
+++ b/apps/demo-app/src/app/pages/dialog-sample/dialog-sample.component.ts
@@ -16,7 +16,7 @@ export class DialogSampleComponent {
   isDialogWithInnerButtonOpen = false;
   isDialogWithOuterButtonLeftOpen = false;
   isDialogWithInnerButtonLeftOpen = false;
-  isDialogWithStyledButtonOpen = false;
+  isDialogWithFallbackButtonOpen = false;
   isDialogWithShadowOpen = false;
   isFullscreenDialogOpen = false;
   isDialogWithOverflowOpen = false;
diff --git a/libs/sketch/src/lib/components/dialog/dialog-documentation.md b/libs/sketch/src/lib/components/dialog/dialog-documentation.md
index f702eee..e9554b2 100644
--- a/libs/sketch/src/lib/components/dialog/dialog-documentation.md
+++ b/libs/sketch/src/lib/components/dialog/dialog-documentation.md
@@ -45,6 +45,8 @@ All of these options are getting recognized by `(close)`. So just set your varia
 
 The close button is not shown by default. To show it, set `[showCloseButton]` to `true`.
 
+> If you set `[showCloseButton]` to `true` but don't provide a close button, a default button will be shown in the top right corner outside the container.
+
 If you want to show it, you can decide if the button is placed inside or outside your Container.
 By default, it is placed outside. To place it within the content set `[innerCloseButton]` to `true`.
 
@@ -65,8 +67,6 @@ Here is an example:
 
 > You can define the space of the actual content to the Close Button (inside) and the space of the Container to the Close Button (outside). Look at the [Content Section - Spacing](#content) to see how.
 
-[comment]: <> (TODO: ADJUST WHEN NG-CONTENT HAS DEFAULT OPTION! The placeholder transparent button positioned in the top right corner with a black cross in it.)
-
 ### Backdrop
 
 The Backdrop is the area around the content that covers the whole screen. When you click on it, it will close the Dialog.
diff --git a/libs/sketch/src/lib/components/dialog/dialog.component.css b/libs/sketch/src/lib/components/dialog/dialog.component.css
index 8adb9ce..a4a7bf0 100644
--- a/libs/sketch/src/lib/components/dialog/dialog.component.css
+++ b/libs/sketch/src/lib/components/dialog/dialog.component.css
@@ -102,3 +102,15 @@
       (var(--sk-dialog-container-padding) * 2)
   );
 }
+
+.fallback-close-button {
+  border: none;
+  padding: 10px;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent;
+  cursor: pointer;
+}
diff --git a/libs/sketch/src/lib/components/dialog/dialog.component.html b/libs/sketch/src/lib/components/dialog/dialog.component.html
index 05f9932..a02b8e4 100644
--- a/libs/sketch/src/lib/components/dialog/dialog.component.html
+++ b/libs/sketch/src/lib/components/dialog/dialog.component.html
@@ -17,7 +17,33 @@
           'sk-dialog-inner-close-button-left': innerCloseButton() && closeButtonPosition() === CloseButtonPosition.Left,
       }"
     >
-      <ng-content select="[closeButton]"></ng-content>
+      <ng-content select="[closeButton]">
+        <button (click)="close.emit()" class="fallback-close-button">
+          <svg
+            width="15px"
+            height="15px"
+            viewBox="0 0 100 100"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <line
+              x1="0"
+              y1="100"
+              x2="100"
+              y2="0"
+              stroke-width="15"
+              stroke="black"
+            />
+            <line
+              x1="0"
+              y1="0"
+              x2="100"
+              y2="100"
+              stroke-width="15"
+              stroke="black"
+            />
+          </svg>
+        </button>
+      </ng-content>
     </div>
     }
     <div