diff --git a/src/components/Elements/AddModal/AddModal.jsx b/src/components/Elements/AddModal/AddModal.jsx
index 4f68e975..ae9d8103 100644
--- a/src/components/Elements/AddModal/AddModal.jsx
+++ b/src/components/Elements/AddModal/AddModal.jsx
@@ -25,28 +25,33 @@ function AddModal({ urlError, iconError, addLink, closeModal, edit, editData, ed
         </Tooltip>
       </div>
       <div className="quicklinkModalTextbox">
-        <input
-          type="text"
-          className="text-field-input"
-          placeholder={variables.getMessage('widgets.quicklinks.name')}
-          value={name}
-          onChange={(e) => setName(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
-          style={{ gridColumn: 'span 2' }}
-        />
-        <input
-          type="text"
-          className="text-field-input"
-          placeholder={variables.getMessage('widgets.quicklinks.url')}
-          value={url}
-          onChange={(e) => setUrl(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
-        />
-        <input
-          type="text"
-          className="text-field-input"
-          placeholder={variables.getMessage('widgets.quicklinks.icon')}
-          value={icon}
-          onChange={(e) => setIcon(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
-        />
+        <div className="text-field" style={{ gridColumn: 'span 2' }}>
+          <input
+            type="text"
+            className="text-field-input"
+            placeholder={variables.getMessage('widgets.quicklinks.name')}
+            value={name}
+            onChange={(e) => setName(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
+          />
+        </div>
+        <div className="text-field">
+          <input
+            type="text"
+            className="text-field-input"
+            placeholder={variables.getMessage('widgets.quicklinks.url')}
+            value={url}
+            onChange={(e) => setUrl(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
+          />
+        </div>
+        <div className="text-field">
+          <input
+            type="text"
+            className="text-field-input"
+            placeholder={variables.getMessage('widgets.quicklinks.icon')}
+            value={icon}
+            onChange={(e) => setIcon(e.target.value.replace(/(\r\n|\n|\r)/gm, ''))}
+          />
+        </div>
       </div>
       <div className="addFooter">
         <span className="dropdown-error">
diff --git a/src/features/quicklinks/QuickLinks.jsx b/src/features/quicklinks/QuickLinks.jsx
index 254203a5..ed727aef 100644
--- a/src/features/quicklinks/QuickLinks.jsx
+++ b/src/features/quicklinks/QuickLinks.jsx
@@ -32,7 +32,7 @@ const QuickLinks = memo(() => {
       link.style.fontSize = `${14 * Number(zoom / 100)}px`;
     }
 
-    if (localStorage.getItem('quickLinksStyle') !== 'text') {
+    if (localStorage.getItem('quickLinksStyle') !== 'text_only') {
       for (const img of element.getElementsByTagName('img')) {
         img.style.height = `${30 * Number(zoom / 100)}px`;
       }
@@ -80,7 +80,7 @@ const QuickLinks = memo(() => {
   const tooltipEnabled = localStorage.getItem('quicklinkstooltip');
 
   const quickLink = (item, index) => {
-    if (localStorage.getItem('quickLinksStyle') === 'text') {
+    if (localStorage.getItem('quickLinksStyle') === 'text_only') {
       return (
         <a
           className="quicklinkstext"
diff --git a/src/features/quicklinks/quicklinks.scss b/src/features/quicklinks/quicklinks.scss
index 01dab426..712d4639 100644
--- a/src/features/quicklinks/quicklinks.scss
+++ b/src/features/quicklinks/quicklinks.scss
@@ -145,6 +145,10 @@
   text-decoration: none;
   color: white;
   font-size: 0.8em;
+  line-height: 1.5;
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
 
   &:hover {
     text-decoration: underline;
@@ -616,6 +620,10 @@ button.quicklinks {
   padding: 8px 12px;
   border-radius: 6px;
   transition: all 0.2s ease;
+  line-height: 1.5;
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
 
   &:hover {
     text-decoration: underline;