In Affinity Designer, I can just go to Layer > Expand Stroke and it does the magic for me but I needed a free solution.
Currently, I would need to export it as an image (preferably 2 colors) and then convert the raster to a vector just to get the path's dashed border to be filled. Annoying and tedious but that's the best free solution I've come with.
Edit: So the problem was relative towards how my SVG was coded. The border was a custom border rather than dotted or dashed which Inkscape didn't understand. With a little Inkscape tweaking, it worked by using Path > Stroke To Path