diff --git a/CHANGELOG.md b/CHANGELOG.md
index 06659675..68d7e47c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 - Bundled Mermaid for better vendor dependency management
 - Mermaid diagrams are now themed to match the configured colour scheme
 
+### Fixed
+
+- Site logo image dimensions are unconstrained ([#19](https://github.com/jpanther/congo/issues/19))
+
 ## [1.4.0] - 2021-10-20
 
 ### Added
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 7158c43a..d2acda6b 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -2143,6 +2143,10 @@ body a, body button {
   height: 9rem;
 }
 
+.max-h-\[10rem\] {
+  max-height: 10rem;
+}
+
 .w-36 {
   width: 9rem;
 }
@@ -2171,6 +2175,10 @@ body a, body button {
   max-width: 65ch;
 }
 
+.max-w-\[10rem\] {
+  max-width: 10rem;
+}
+
 .max-w-full {
   max-width: 100%;
 }
@@ -2275,6 +2283,16 @@ body a, body button {
   background-color: var(--color-primary-600);
 }
 
+.object-scale-down {
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
+}
+
+.object-left {
+  -o-object-position: left;
+     object-position: left;
+}
+
 .p-1 {
   padding: 0.25rem;
 }
diff --git a/exampleSite/assets/logo.jpg b/exampleSite/assets/logo.jpg
new file mode 100644
index 00000000..79dc6e82
Binary files /dev/null and b/exampleSite/assets/logo.jpg differ
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 415e1807..de6461ab 100755
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -27,6 +27,9 @@ summaryLength = 0
 [taxonomies]
   tag = "tags"
 
+[params]
+  # logo = "logo.jpg"
+
 [params.homepage]
   layout = "custom"
   showRecent = true
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 0a6a6778..ffd4d452 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -11,6 +11,7 @@
             src="{{ $logo.RelPermalink }}"
             width="{{ div $logo.Width 2 }}"
             height="{{ div $logo.Height 2 }}"
+            class="max-w-[10rem] max-h-[10rem] object-scale-down object-left"
             alt="{{ .Site.Title }}"
           />
         </a>