diff --git a/src/App.css b/src/App.css
index 13bc334e..0c123e2a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -40,3 +40,151 @@
 .ReactCollapse--collapse {
   transition: height 500ms;
 }
+
+/* Custom selection styles for CLI command textareas */
+textarea#prepareCommand::selection,
+textarea#submitCommand::selection {
+  background-color: #0078d4;
+  color: #ffffff;
+}
+
+/* Copy icon positioning for CLI command textareas */
+.cli-command-container {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+.cli-command-container .copy-icon {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  z-index: 10;
+  background: rgba(0, 120, 212, 0.9);
+  color: white;
+  border: none;
+  border-radius: 4px;
+  padding: 8px 12px;
+  cursor: pointer;
+  font-size: 14px;
+  transition: all 0.2s ease;
+}
+
+.cli-command-container .copy-icon:hover {
+  background: rgba(0, 120, 212, 1);
+  transform: scale(1.05);
+}
+
+.cli-command-container .copy-icon:active {
+  transform: scale(0.95);
+}
+
+/* Governance Proposal Link Button */
+.proposal-link-button {
+  display: inline-block;
+  background: linear-gradient(135deg, #ff6b35, #f7931e);
+  color: white;
+  text-decoration: none;
+  padding: 12px 24px;
+  border-radius: 8px;
+  font-weight: 700;
+  font-size: 16px;
+  text-align: center;
+  margin: 16px 0;
+  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
+  transition: all 0.3s ease;
+  border: 2px solid transparent;
+}
+
+.proposal-link-button:hover {
+  background: linear-gradient(135deg, #e55a2b, #e0841a);
+  transform: translateY(-2px);
+  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
+  color: white;
+  text-decoration: none;
+}
+
+.proposal-link-button:active {
+  transform: translateY(0);
+  box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
+}
+
+.proposal-link-section {
+  text-align: center;
+  margin: 20px 0;
+}
+
+/* Voting Command Sections */
+.voting-command-section {
+  margin: 16px 0;
+  width: 100% !important;
+  max-width: 100% !important;
+  clear: both;
+}
+
+.voting-command-section .cli-command-container textarea {
+  min-height: 60px;
+  height: auto;
+  width: 100%;
+  max-width: 100%;
+  font-family: 'Courier New', monospace;
+  font-size: 13px;
+  line-height: 1.4;
+  padding: 12px 50px 12px 12px; /* top right bottom left - extra padding on right for copy icon */
+  word-break: break-all;
+  box-sizing: border-box;
+}
+
+.voting-command-label {
+  display: block;
+  font-weight: 600;
+  font-size: 14px;
+  margin-bottom: 8px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  width: fit-content;
+}
+
+.voting-command-label--yes {
+  background-color: rgba(34, 197, 94, 0.2);
+  color: #22c55e;
+  border: 1px solid rgba(34, 197, 94, 0.3);
+}
+
+.voting-command-label--no {
+  background-color: rgba(239, 68, 68, 0.2);
+  color: #ef4444;
+  border: 1px solid rgba(239, 68, 68, 0.3);
+}
+
+.voting-command-label--abstain {
+  background-color: rgba(156, 163, 175, 0.2);
+  color: #9ca3af;
+  border: 1px solid rgba(156, 163, 175, 0.3);
+}
+
+/* Hash Info Section - Less Prominent */
+.hash-info-section {
+  margin-top: 24px;
+  padding-top: 16px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  opacity: 0.8;
+}
+
+.hash-info-section p {
+  font-size: 12px;
+  margin: 4px 0;
+}
+
+/* Override width constraints for voting commands in proposal budget section */
+.proposal .budget .voting-command-section {
+  width: 100% !important;
+  max-width: 100% !important;
+  float: none !important;
+  clear: both;
+}
+
+.proposal .budget .voting-command-section .cli-command-container {
+  width: 100% !important;
+  max-width: 100% !important;
+}
diff --git a/src/components/governance/GovDetails.jsx b/src/components/governance/GovDetails.jsx
index b452f77e..e4863fc9 100644
--- a/src/components/governance/GovDetails.jsx
+++ b/src/components/governance/GovDetails.jsx
@@ -47,59 +47,74 @@ class Govdetails extends Component {
                     <div className="col col--size6">
                         <div className="article__content">
                             <h3 className="article__title title-border title-border--left title-border--blue">{t('superblocks.govdetailtable.title')}</h3>
-                            <div className="ministats mndata-governance">
-                                <div className="stat">
-                                    {t('superblocks.govdetailtable.current_superblock')}
-                                    <div className="stat-data">{this.state.superBlockData.next_superblock}</div>
-                                </div>
-                                <div className="stat">
-                                    {t('superblocks.govdetailtable.superblock_budget')}
-                                    <div className="stat-data">{this.state.superBlockData.budget} SYS</div>
-                                </div>
-                                <div className="stat">
-                                    {t('superblocks.govdetailtable.requested_superblock_budget')}
-                                    <div className="stat-data">{this.state.budgetSum} SYS</div>
-                                </div>
-                                <div className="stat">
-                                    {t('superblocks.govdetailtable.superblock_date_utc')}
-                                    <div className="stat-data">{this.state.superBlockData.superblock_date}</div>
-                                </div>
-                                <div className="stat">
-                                    {t('superblocks.govdetailtable.voting_deadline_utc')}
-                                    <div className="stat-data">{this.state.superBlockData.voting_deadline}</div>
-                                </div>
+                            <div className="table-responsive">
+                                <table className="table table--governance">
+                                    <tbody>
+                                        <tr>
+                                            <td className="table-label">Current SuperBlock:</td>
+                                            <td className="table-value">{this.state.superBlockData.next_superblock}</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">SuperBlock Budget:</td>
+                                            <td className="table-value">{this.state.superBlockData.budget} SYS</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">Requested SuperBlock Budget:</td>
+                                            <td className="table-value">{this.state.budgetSum} SYS</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">SuperBlock Date (UTC):</td>
+                                            <td className="table-value">{this.state.superBlockData.superblock_date}</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">Voting Deadline (UTC):</td>
+                                            <td className="table-value">{this.state.superBlockData.voting_deadline}</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
                             </div>
                         </div>
                     </div>
                     <div className="col col--size6">
                         <div className="article__content">
                             <h3 className="article__title title-border title-border--left title-border--blue">{t('superblocks.nextsuperblockstable.title')}</h3>
-                            <div className="ministats mndata-governance">
-                                <div className="stat">
-                                    {this.state.superBlockData.sb1}
-                                    <div className="stat-data">{this.state.superBlockData.sb1Budget.result} SYS</div>
-                                    <div className="stat-data">{this.state.superBlockData.sb1Date}</div>
-                                </div>
-                                <div className="stat">
-                                    {this.state.superBlockData.sb2}
-                                    <div className="stat-data">{this.state.superBlockData.sb2Budget.result} SYS</div>
-                                    <div className="stat-data">{this.state.superBlockData.sb2Date}</div>
-                                </div>
-                                <div className="stat">
-                                    {this.state.superBlockData.sb3}
-                                    <div className="stat-data">{this.state.superBlockData.sb3Budget.result} SYS</div>
-                                    <div className="stat-data">{this.state.superBlockData.sb3Date}</div>
-                                </div>
-                                <div className="stat">
-                                    {this.state.superBlockData.sb4}
-                                    <div className="stat-data">{this.state.superBlockData.sb4Budget.result} SYS</div>
-                                    <div className="stat-data">{this.state.superBlockData.sb4Date}</div>
-                                </div>
-                                <div className="stat">
-                                    {this.state.superBlockData.sb5}
-                                    <div className="stat-data">{this.state.superBlockData.sb5Budget.result} SYS</div>
-                                    <div className="stat-data">{this.state.superBlockData.sb5Date}</div>
-                                </div>
+                            <div className="table-responsive">
+                                <table className="table table--governance">
+                                    <thead>
+                                        <tr>
+                                            <th>SuperBlock</th>
+                                            <th>Budget</th>
+                                            <th>Date</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        <tr>
+                                            <td className="table-label">{this.state.superBlockData.sb1}</td>
+                                            <td className="table-value">{this.state.superBlockData.sb1Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb1Date}</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">{this.state.superBlockData.sb2}</td>
+                                            <td className="table-value">{this.state.superBlockData.sb2Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb2Date}</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">{this.state.superBlockData.sb3}</td>
+                                            <td className="table-value">{this.state.superBlockData.sb3Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb3Date}</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">{this.state.superBlockData.sb4}</td>
+                                            <td className="table-value">{this.state.superBlockData.sb4Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb4Date}</td>
+                                        </tr>
+                                        <tr>
+                                            <td className="table-label">{this.state.superBlockData.sb5}</td>
+                                            <td className="table-value">{this.state.superBlockData.sb5Budget.result} SYS</td>
+                                            <td className="table-value">{this.state.superBlockData.sb5Date}</td>
+                                        </tr>
+                                    </tbody>
+                                </table>
                             </div>
                         </div>
                     </div>
diff --git a/src/components/governance/ProposalCardInfo.jsx b/src/components/governance/ProposalCardInfo.jsx
index 38a59f1f..a2b36651 100644
--- a/src/components/governance/ProposalCardInfo.jsx
+++ b/src/components/governance/ProposalCardInfo.jsx
@@ -39,8 +39,13 @@ function ProposalCardInfo({
   function proposalUrl(url) {
     if (url !== "" && url !== "emptyField") {
       return (
-        <a href={url} target="_blank" rel="noopener noreferrer">
-          View proposal on syscoin.org
+        <a 
+          href={url} 
+          target="_blank" 
+          rel="noopener noreferrer"
+          className="proposal-link-button"
+        >
+          📄 View Full Proposal on Syscoin.org
         </a>
       );
     } else {
@@ -74,22 +79,12 @@ function ProposalCardInfo({
     />
         </>
       )}
-      <p style={{ lineBreak: "anywhere", lineHeight: "initial" }}>
-        Hash: <CopyToClipboard
-          text={proposal.Hash}
-          onCopy={onCopy}
-        ><span style={{cursor:'pointer'}}>{proposal.Hash}</span></CopyToClipboard>
-      </p>
-      <p style={{ lineBreak: "anywhere", lineHeight: "initial" }}>
-        Collateral hash:{" "}
-        <a
-          href={`${blockbookBase}/tx/${proposal.ColHash}`}
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          {proposal.ColHash}
-        </a>
-      </p>
+      
+      {/* Prominent View Proposal Button */}
+      <div className="proposal-link-section">
+        {proposalUrl(proposal.url)}
+      </div>
+      
       <p>
         {days_remaining < 30 ? (
           <span>{`(${days_remaining} Day${
@@ -101,41 +96,93 @@ function ProposalCardInfo({
           } Remaining)`}</span>
         )}
       </p>
-      <span style={{ lineHeight: "1.5" }}>Voting strings (CLI):</span>
-      <div className="input-form">
-        <div className="form-group" style={{marginBottom: '6px'}}>
+      <span style={{ lineHeight: "1.5" }}>Voting Commands:</span>
+      
+      {/* Yes Vote Command */}
+      <div className="voting-command-section">
+        <label className="voting-command-label voting-command-label--yes">
+          👍 Vote YES
+        </label>
+        <div className="cli-command-container">
           <textarea
-            type="text"
             className="styled"
-            style={{ resize: "none" }}
+            style={{ resize: "none", minHeight: "60px" }}
             value={`gobject_vote_many ${proposal.Key} funding yes`}
             disabled={true}
-            aria-label="CLI vote yes command"
+            rows="3"
           />
+          <CopyToClipboard
+            text={`gobject_vote_many ${proposal.Key} funding yes`}
+            onCopy={onCopy}
+          >
+            <button className="copy-icon" type="button" title="Copy YES command">📋</button>
+          </CopyToClipboard>
         </div>
-        <div className="form-group" style={{marginBottom: '6px'}}>
+      </div>
+
+      {/* No Vote Command */}
+      <div className="voting-command-section">
+        <label className="voting-command-label voting-command-label--no">
+          👎 Vote NO
+        </label>
+        <div className="cli-command-container">
           <textarea
-            type="text"
             className="styled"
-            style={{ resize: "none" }}
+            style={{ resize: "none", minHeight: "60px" }}
             value={`gobject_vote_many ${proposal.Key} funding no`}
             disabled={true}
-            aria-label="CLI vote no command"
+            rows="3"
           />
+          <CopyToClipboard
+            text={`gobject_vote_many ${proposal.Key} funding no`}
+            onCopy={onCopy}
+          >
+            <button className="copy-icon" type="button" title="Copy NO command">📋</button>
+          </CopyToClipboard>
         </div>
-        <div className="form-group">
+      </div>
+
+      {/* Abstain Vote Command */}
+      <div className="voting-command-section">
+        <label className="voting-command-label voting-command-label--abstain">
+          ➖ ABSTAIN
+        </label>
+        <div className="cli-command-container">
           <textarea
-            type="text"
             className="styled"
-            style={{ resize: "none" }}
+            style={{ resize: "none", minHeight: "60px" }}
             value={`gobject_vote_many ${proposal.Key} funding abstain`}
             disabled={true}
-            aria-label="CLI vote abstain command"
+            rows="3"
           />
+          <CopyToClipboard
+            text={`gobject_vote_many ${proposal.Key} funding abstain`}
+            onCopy={onCopy}
+          >
+            <button className="copy-icon" type="button" title="Copy ABSTAIN command">📋</button>
+          </CopyToClipboard>
         </div>
       </div>
 
-      <>{proposalUrl(proposal.url)}</>
+      {/* Hash Information - Less Prominent */}
+      <div className="hash-info-section">
+        <p style={{ lineBreak: "anywhere", lineHeight: "initial" }}>
+          Hash: <CopyToClipboard
+            text={proposal.Hash}
+            onCopy={onCopy}
+          ><span style={{cursor:'pointer'}}>{proposal.Hash}</span></CopyToClipboard>
+        </p>
+        <p style={{ lineBreak: "anywhere", lineHeight: "initial" }}>
+          Collateral hash:{" "}
+          <a
+            href={`${blockbookBase}/tx/${proposal.ColHash}`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {proposal.ColHash}
+          </a>
+        </p>
+      </div>
     </div>
   );
 }
diff --git a/src/components/proposal/ProposalForm.jsx b/src/components/proposal/ProposalForm.jsx
index 4c1d7482..afbc721a 100644
--- a/src/components/proposal/ProposalForm.jsx
+++ b/src/components/proposal/ProposalForm.jsx
@@ -379,14 +379,22 @@ function ProposalForm() {
               initialStyle={{height: 0, overflow: 'hidden'}}
             >
               <div className="form-group article">
-                <textarea
-                  className="styled"
-                  name="prepareCommand"
-                  id="prepareCommand"
-                  rows="5"
-                  disabled
-                  value={prepareCommand}
-                ></textarea>
+                <div className="cli-command-container">
+                  <textarea
+                    className="styled"
+                    name="prepareCommand"
+                    id="prepareCommand"
+                    rows="5"
+                    disabled
+                    value={prepareCommand}
+                  ></textarea>
+                  <CopyToClipboard
+                    text={prepareCommand}
+                    onCopy={copyButton}
+                  >
+                    <button className="copy-icon" type="button" title="Copy command">📋</button>
+                  </CopyToClipboard>
+                </div>
                 <small>
                   <p style={{lineHeight: "1.5"}}>
                     Prepare command is ready to be copied. Please copy and paste it into Syscoin Q.T console for payment txid.
@@ -399,7 +407,7 @@ function ProposalForm() {
                   text={prepareCommand}
                   onCopy={copyButton}
                 >
-                  <button className="btn btn-outline-primary" type="button">Copy</button>
+                  <button className="btn btn--blue" type="button">Copy Command</button>
                 </CopyToClipboard>
               </div>
 
@@ -431,14 +439,22 @@ function ProposalForm() {
                 <div className="alert alert-warning mb-3 py-2 px-3" role="alert">
                   <strong>Important:</strong> Please wait at least <b>5 minutes</b> or <b>1 block confirmation</b> after sending the payment transaction before running <code>go_submit</code>. Submitting too early may cause your proposal to fail.
                 </div>
-                <textarea
-                  className="styled"
-                  name="submitCommand"
-                  id="submitCommand"
-                  rows="5"
-                  disabled
-                  value={submitCommand}
-                ></textarea>
+                <div className="cli-command-container">
+                  <textarea
+                    className="styled"
+                    name="submitCommand"
+                    id="submitCommand"
+                    rows="5"
+                    disabled
+                    value={submitCommand}
+                  ></textarea>
+                  <CopyToClipboard
+                    text={submitCommand}
+                    onCopy={copyButton}
+                  >
+                    <button className="copy-icon" type="button" title="Copy command">📋</button>
+                  </CopyToClipboard>
+                </div>
                 <small>
                   <p style={{lineHeight: "1.5"}}>
                     Submit command is ready to be copied. Please copy and paste it into Syscoin Q.T console to submit your proposal. This could take a couple minutes.
@@ -451,7 +467,7 @@ function ProposalForm() {
                   text={submitCommand}
                   onCopy={copyButton}
                 >
-                  <button className="btn btn-outline-primary" type="button">Copy</button>
+                  <button className="btn btn--blue" type="button">Copy Command</button>
                 </CopyToClipboard>
               </div>
 
diff --git a/src/scss/_tables.scss b/src/scss/_tables.scss
index d6be5094..6867a660 100644
--- a/src/scss/_tables.scss
+++ b/src/scss/_tables.scss
@@ -481,6 +481,19 @@ ul.pagination
             width:100%;
             text-align: left;
             font-size: 18px;
+            line-height: 1.6;
+            margin-bottom: 15px;
+            padding: 10px 0;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+
+            &:last-child {
+                border-bottom: none;
+            }
+
+            strong {
+                color: #4A90E2;
+                font-weight: 600;
+            }
 
             .stat-data 
             {
@@ -488,8 +501,80 @@ ul.pagination
                 text-transform: none;
             }
         }
+
+        @media (max-width:$breakpoint-mobile) {
+            width: 90%;
+            margin: 20px auto 15px;
+
+            .stat {
+                font-size: 16px;
+                padding: 8px 0;
+                margin-bottom: 12px;
+            }
+        }
+    }
+}
+
+// Governance table styles
+.table--governance {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 8px;
+    overflow: hidden;
+
+    th {
+        background: rgba(74, 144, 226, 0.2);
+        color: #4A90E2;
+        font-weight: 600;
+        font-size: 16px;
+        padding: 15px 12px;
+        text-align: left;
+        border-bottom: 2px solid rgba(74, 144, 226, 0.3);
     }
 
+    td {
+        padding: 12px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+        vertical-align: top;
+    }
+
+    .table-label {
+        font-weight: 600;
+        color: #4A90E2;
+        width: 50%;
+        min-width: 180px;
+    }
+
+    .table-value {
+        color: #ffffff;
+        word-break: break-word;
+    }
+
+    tr:last-child td {
+        border-bottom: none;
+    }
+
+    tr:hover {
+        background: rgba(255, 255, 255, 0.02);
+    }
+
+    @media (max-width:$breakpoint-mobile) {
+        font-size: 14px;
+        
+        th, td {
+            padding: 10px 8px;
+        }
+        
+        .table-label {
+            width: 45%;
+            min-width: 140px;
+        }
+    }
+}
+
+.ministats {
     overflow:hidden;
     margin:40px 0 90px;