diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6da2492..524d344 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,9 @@
+## 1.9 (2024-xx-xx)
+
+### :gear: Features & Enhancements
+
+* File content preview on Import Page no longer wraps, instead it uses horizontal scrolling [#227](https://github.com/TheAxelander/OpenBudgeteer/issues/227)
+
## 1.8.1 (2024-03-17)
### :beetle: Bug Fixes
diff --git a/OpenBudgeteer.Blazor/Pages/Import.razor b/OpenBudgeteer.Blazor/Pages/Import.razor
index 70a0105..cfe39b5 100644
--- a/OpenBudgeteer.Blazor/Pages/Import.razor
+++ b/OpenBudgeteer.Blazor/Pages/Import.razor
@@ -413,7 +413,7 @@
File Content:
-
+
@if (_isConfirmationModalDialogVisible)
diff --git a/OpenBudgeteer.Blazor/Shared/MainLayout.razor b/OpenBudgeteer.Blazor/Shared/MainLayout.razor
index 0bc2d8f..d0b44d2 100644
--- a/OpenBudgeteer.Blazor/Shared/MainLayout.razor
+++ b/OpenBudgeteer.Blazor/Shared/MainLayout.razor
@@ -16,7 +16,7 @@
OpenBudgeteer
Database: @CurrentDatabase
- Version: 1.8.1 (Change Log)
+ Version: 1.9 (Change Log)
diff --git a/OpenBudgeteer.Blazor/wwwroot/css/site.css b/OpenBudgeteer.Blazor/wwwroot/css/site.css
index 8f0a5e9..87e5d0f 100644
--- a/OpenBudgeteer.Blazor/wwwroot/css/site.css
+++ b/OpenBudgeteer.Blazor/wwwroot/css/site.css
@@ -124,6 +124,11 @@ button.btn-bucket {
width: 100%
}
+.no-wrap {
+ overflow-x: auto;
+ white-space: nowrap;
+}
+
/* Overwrite bootstrap styles */
.table td, .table tbody td, .table th, .table thead th {
vertical-align: middle;