From 8ae1a585ea8e0e272891cdd06a2bdddf51c71c2c Mon Sep 17 00:00:00 2001
From: Filipa Lacerda <filipa@gitlab.com>
Date: Mon, 20 Aug 2018 17:12:24 +0100
Subject: Define width as max-width to allow svgs to scale in smaller screens

---
 app/assets/stylesheets/framework/images.scss | 2 +-
 changelogs/unreleased/48145-illustration.yml | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 changelogs/unreleased/48145-illustration.yml

diff --git a/app/assets/stylesheets/framework/images.scss b/app/assets/stylesheets/framework/images.scss
index f878ec1ca91..1e93bf2b751 100644
--- a/app/assets/stylesheets/framework/images.scss
+++ b/app/assets/stylesheets/framework/images.scss
@@ -25,7 +25,7 @@
     &.svg-#{$width} {
       img,
       svg {
-        width: #{$width + 'px'};
+        max-width: #{$width + 'px'};
       }
     }
   }
diff --git a/changelogs/unreleased/48145-illustration.yml b/changelogs/unreleased/48145-illustration.yml
new file mode 100644
index 00000000000..7d84075c2b3
--- /dev/null
+++ b/changelogs/unreleased/48145-illustration.yml
@@ -0,0 +1,5 @@
+---
+title: Fixes SVGs for empty states in job page overflowing on mobile
+merge_request:
+author:
+type: fixed
-- 
cgit v1.2.1