react component css space aligning on elements not working

Question

I was playing around with glass morphism - I have following two files: CharacterFormComp.js and CharacterFormView.js

CharacterForm.js:

import React fro